kostenloser Webspace werbefrei: lima-city

Div unter 3 Divs, die neben einem Div liegen, postionieren

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   m*******t

   19:40, 11.11.2009

   So, hallo Leute,
   
   hab da gerade so ein Problem und komme einfach nicht auf eine Lösung;
   
   Ich habe eine Navigation und einen Contentbereich, die neben einander liegen (der Contentbreich, hat einen margin nach links in Größe der Navigation).
   Im Contentbereich, habe ich 3 Divs, die mit float:left; nebeneinander angeordnet sind. Diese 3 Divs haben keine feste Breite, da sie dynamisch mit Javascript/Ajax gefüllt werden.
   Jetzt möchte ich ein Div unter diese 3 Divs setzen und hier habe ich mein Problem, wenn ich clear:both; verwende, rutscht das Div unter die Navigation und eine andere Lösung fällt mir nicht ein.
   
   HTML-Code:
   

   <div id="navigation">Navigation</div>
   <div id="mainContent">	
   	<div id="hersteller">1. Div</div>
   	<div id="typerating">2. Div</div>
   	<div id="typ">3. Div</div>
   	<div id="infos"/>4. Div, was unter den anderen drei sein soll</div>
   </div>

   
   CSS-Code:
   

   #navigation {
   	margin-top: 6px; 
   	float: left; 
   	width: 180px; 
   }
   #mainContent {
   	margin: 6px 40px 0px 220px; 
   }
   #hersteller {
   	float: left;
   	margin-right: 30px;
   }
   #typerating {
   	float: left;
   	margin-right: 30px;
   }
   #typ {
   	float: left;
   	margin-right: 30px;
   }

   
   
   Hoffe ihr könnt mir helfen.
   
   mfg Tobias
   
   Beitrag zuletzt geändert: 11.11.2009 19:49:08 von moonfight

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. w******s

   20:38, 11.11.2009

   Ich verweise immer wieder gerne auf diesen Blogartikel!
   
   Du packst um div 1-3 noch ein div, welches du mit overflow:hidden dazuveranlasst zu "clearen".
4. Autor dieses Themas

   m*******t

   21:15, 11.11.2009

   Danke, funktioniert.
   
   Man lernt eben immer was neues
   
   mfg Tobias

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?