• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Probleme mit der Reihenfolge der Divs

jilli

New member
Hallo,

ich habe ein Problem und hoffe, dass ich es verständlich beschreiben kann.

Supervisorin und Familientherapeutin
Ich habe für meinen Inhaltsbereich eine flexible Höhe definiert. Im Inhaltsbereich habe ich den Fließtext. Unten links (unter dem Text) ist eine Grafik platziert. Damit zwischen dem Textende und der Grafik Platz ist habe ich einen leeren Div-Container "Abstand" definiert.

Code:
* {
padding:0px;
margin:0px;
}

option {padding-left: 0.4em;}
html {height:100%;}
img {border:none; }

body
{
min-height:101%;
height:100%;
font-family:verdana;
font-size: 12px;
background-color: #a3d66f;
text-align:center;
color: #8b8c91;
line-height:0.47cm;
scrollbar-base-color:#d9eac0;
scrollbar-track-color:#a3d66f;
scrollbar-face-color:#a3d66f;
scrollbar-highlight-color:#d9eac0;
scrollbar-3dlight-color:#a3d66f;
scrollbar-darkshadow-color:#da3d66f;
scrollbar-shadow-color:#d9eac0;
scrollbar-arrow-color:#d9eac0;
}

h1 {font-size:13px;color:#000000;margin:0px;}
h2 {font-size:13px;color:#ff6900;margin:0px;}


#rahmen {
width:816px;
border:3px solid #5aae00;
margin:80px auto;
background: #ffffff url(images/illu2.gif) no-repeat bottom left;
}

#header {
height:150px;
background-color:#FFFFFF;
}

#logo {
float:left;
margin:50px 0 0 26px;
}

#leer {
float:right;
width:100px;
height: 50px;
margin:55px 0 0 220px;
}


#trenner {
height:86px;
background-color:#ffffff;
}

#content {
float:right;
width:500px;
background: #ffffff;
margin:1em 1em 160px 0;
}

#rahmen h1 {
	text-align: left;
	padding: 60px 0 2px 0px; 
	font-size: 14px;
	color: #8b8c91;
	font-weight: bold;
	margin-left:300px;	
}

#rahmen p {
padding: 10px 0 10px 0px;
text-align:left;
margin-left:300px;
margin-right:2em;
}

[COLOR="RoyalBlue"]#liste {
	float: left;
	text-align: left;
	list-style: circle;
	margin-left: 310px;
	margin-top: 5px;
	padding: 0;
	padding-top: 0;
	padding-bottom: 15px;
	padding-left: 5px;
	color: #8b8c91;
	line-height: 1.6em;
}[/COLOR]

[COLOR="MediumTurquoise"][COLOR="Purple"]#abstand {
height:200px;
border:1px solid #ffbe00;
}[/COLOR][/COLOR]

	.textlink {
	color:#E74708;
 	text-decoration:none;
 	}
	.textlink:visited {
	 color:#E74708;
	}
	.textlink:hover {
 	color:#E74708;
 	text-decoration:underline;
	}
	.textlink:active {
	 color:#E74708;
	}
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/Strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>Supervisorin und Familientherapeutin in Frankfurt am Main | Astrid Welker-Paulun</title>
<link rel=stylesheet type="text/css" href="style.css">
<link rel=stylesheet type="text/css" href="nav.css">
</head>

<body>
   <div id="rahmen">
		   <div id="header">
					<div id="logo"><img src="images/logo.gif"></div>
					<div id="leer"></div>
						<div class="nav">
								<div class="nav_1"><a href="index.htm"></a></div>
								<div class="nav_2"><a href="supervision.htm"></a></div>
								<div class="nav_3"><a href="therapie.htm"></a></div>
								<div class="nav_4"><a href="kontakt.htm"></a></div>
								<div class="nav_5"><a href="impressum.htm"></a></div>
						</div>
		   </div>
		   <div id="trenner"><img src="images/trenner.gif" width="816" height="84" alt="" /></div>
		   
		   		 <h1>Systemische Supervision</h1>
				 <p>
				Systemische Supervision betrachtet und reflektiert professionelles Handeln und institutionelle Strukturen. Sie richtet sich
				an Einzelne, Gruppen, Teams, Leitungen und Organisationen und zielt sowohl auf eine Förderung und Stärkung der eigenen
				Kompetenzen sowie der der KlientInnen.
				</p>
				<p>
				Systemische Supervision regt zu einem institutionellen Perspektivenwechsel an, ist Reflexionshilfe für das Berufsleben, die
				eigene Ressourcen aktiviert. Sie  eröffnet Wahlmöglichkeiten und  ermöglicht spielerisch Lösungen. Mit Wertschätzung
				beleuchtet sie Arbeitszusammenhänge und stärkt die Eigenverantwortung, ist Hilfe zur Selbsthilfe, weckt die Neugier und
				erweitert die professionellen Handlungsalternativen.
				</p>
				<p>
				Systemische Supervision ist besonders geeignet für PsychotherapeutInnen, SupervisorInnen und MitarbeiterInnen aus
				psychosozialen Arbeitskontexten und Gesundheitsberufen, da sie die Helfer als Teil eines komplexen Systems ansieht und sie
				befähigt, die Systemkräfte positiv zu nutzen.
				</p>
				<p>
				Als systemische Supervisorin arbeite ich gern mit kreativen Mitteln, die Dinge oftmals "schneller auf den Punkt" bringen:<br/>
				
				
				[COLOR="RoyalBlue"]<ul id="liste">
  				<li>Arbeit mit Skulpturen</li>
  				<li>Organigramme</li>
				<li>Genogramme</li>
  				<li>Zeitlinien</li>
				<li>Rituale</li>
				<li>Geschichten</li>
  				<li>Metaphern</li>
	   			</ul>[/COLOR]
				</p>

				[COLOR="Purple"]<div id="abstand"></div> 		  
		 
</div> [/COLOR]</body>
</html>

Was auf den ersten Blick auch funktioniert. Jetzt habe ich aber in der Rubrik "Supervison" am Textende eine Aufzählungsliste integriert. Natürlich soll der Bereich "Abstand" nach der Liste beginnen. Aber das ist leider nicht der Fall (im FF). Die Liste sitzt im Div -"Abstand" drinnen.
Leider weiß ich nicht wo der Fehler ist.

Vielen Dank vorab - JILLI
 
Zuletzt bearbeitet:
Hallo Anna,

vielen Dank. Da sieht man halt doch wieder den Unterschied zwischen CSS-Profi und CSS-Anfänger.

Gruß Jilli
 
Zurück
Oben