|
|||
Eltern-div wächst nicht mit
Hallo,
Ich bin gerade dabei html/css zu erlernen. Dabei stoße ich gerade auf vollgendes Problem: Ich habe einen container(contencontainer) der 2 weiter div-boxen und einen weitern container(content) mit 2 div-boxen(bread und inhalt) enthält. Ich habe die Boxen einfach mal mit Buchstaben gefüllt. Da es im späteren Template wahrscheinlich ist das die boxen nicht gemeinsam abschließen, soll der Hintergrund vom container(contentcontainer) angezeigt werden. Aber ich weis nicht warum der Container nicht mitwächst. index.html: HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="" > <head> <link rel="stylesheet" href="css/template.css" type="text/css" /> </head> <body id="bg"> <div id="container"> <div id="header"> </div> <div id="banner"> </div> <div id="topmenue"> </div> <div id="contentcontainer"> <div id="left">asdasdasd wejasdhkjasd kjkjasfdh akjasdjkd asdjkdjkasd asdjkasdjkgasd dkjasd dasdjkgasdkjggaskjd asdkjasdjkasdh asdkhasd asdjhasdk dkjasdhd </div> <div id="right">sdsfsdf asdasd + ashd dhasgdhjgasd asdhgasdh dhgasdhjasd asdhgasdhjgd asdhgasdhjd asdhgasdjgd asdhgasdhjd asdhgaShdgas d </div> <div id="content"> <div id="bread">asdasdasdasdasdm,asd jsdksajdgh dashgkd asfddjhsdahjs dasjgdhjhsgd asdgasjh asd<br /> </div> <div id="inhalt">asfdsdfsdf sdf asdfasd dgsdj asdfask djgasdfasg dfasdfasdgas dasdgfasgdfasd asgfdghasdf </div> </div> </div> </div> </body> </html> Code:
* { margin:0px; padding:0px; } #container { width: 920px; margin: auto; background-color: #969; } #header { background-color: #000; height: 100px; width: 920px; } #banner { height: 250px; width: 920px; background-color: #0F0; } #topmenue { height: 50px; width: 920px; background-color: #03F; } #contentcontainer { width: 920px; background-color: #666; height: auto; } #left { float: left; height: auto; width: 250px; } #right { float: right; height: auto; width: 250px; } #inhalt { height: auto; width: 420px; } #bread { height: auto; width: 420px; } #content { float: left; width: 420px; height: auto; } Geändert von linus95 (05.04.2011 um 22:14 Uhr) |
Sponsored Links |
|
|||
Br ist raus ok muss irgendwie reingerutscht sein
Hast du vllt. einen Link wo das mit dem clear Anfängerfreundlich erklärt wird weil bei Selfhtml blick ich desn Sinn nicht ganz Danke Schonmal |
|
|||
Bitte:
CSS FLoat Wenn du das googelst wirst du aber auch noch jede Menge Ergebnisse finden. Clear setzt eigentlich alle float's die es zuvor gab zurück bzw. unterbricht Sie. Du stellst damit sicher, dass sich das Element, dass das clear beeinhaltet, unter den gefloateten Bereichen steht und nicht daneben. Gruß |
|
||||
Da Verweise ich dich mal auf die Seite eines Forenmitglieds float und clear | Webdesign mit XHTML und CSS
|
|
|||
Zitat:
Code:
<div style="clear: both"></div> |
|
|||
Zitat:
lg Linus |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Fragen zu CSS und Joomla | DOKTOR | CSS | 2 | 23.05.2011 20:29 |
Brauche Hilfe: Schwarzes Nichts | Zwox | CSS | 10 | 19.11.2010 17:53 |
Header entfernen | tripple | CSS | 17 | 15.06.2010 16:41 |
Schriftfarbe in den Eintragungsfeldern von jforms | Steveislucky | CSS | 2 | 16.03.2010 11:59 |
CSS Text nebeinander? | carstiee09 | CSS | 13 | 13.11.2009 20:18 |