Ergebnis 1 bis 3 von 3
  1. #1
    jilli ist offline Foren As
    registriert
    09-01-2005
    Beiträge
    95

    Probleme mit der Reihenfolge der Divs

    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;
    }
    
    #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;
    }
    
    #abstand {
    height:200px;
    border:1px solid #ffbe00;
    }
    
    	.textlink {
    	color:#E74708;
     	text-decoration:none;
     	}
    	.textlink:visited {
    	 color:#E74708;
    	}
    	.textlink:hover {
     	color:#E74708;
     	text-decoration:underline;
    	}
    	.textlink:active {
    	 color:#E74708;
    	}
    HTML-Code:
    <!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
    Geändert von jilli (13-06-2008 um 20:46 Uhr)

  2. #2
    Avatar von anna55
    anna55 ist offline Moderator
    registriert
    06-02-2006
    Ort
    Taunusstein
    Beiträge
    3.430

    AW: Probleme mit der Reihenfolge der Divs

    Nimm mal aus dem CSS für div liste das float:left raus. Und lass mal Validome einen Blick werfen.


    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

  3. #3
    jilli ist offline Foren As
    registriert
    09-01-2005
    Beiträge
    95

    AW: Probleme mit der Reihenfolge der Divs

    Hallo Anna,

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

    Gruß Jilli

Ähnliche Themen

  1. Probleme mit FLOAT innerhalb eines divs
    Von thunderstick im Forum CSS und (X)HTML
    Antworten: 13
    Letzter Beitrag: 18-06-2010, 11:29
  2. Antworten: 1
    Letzter Beitrag: 01-05-2008, 11:48
  3. Andere div's als das gewählte verstecken?
    Von badbandit im Forum JavaScript
    Antworten: 15
    Letzter Beitrag: 02-05-2006, 13:55
  4. divs nebeneinander alle 100% Höhe
    Von bine im Forum CSS und (X)HTML
    Antworten: 15
    Letzter Beitrag: 30-08-2004, 16:44

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •