Gast Geschrieben 4. September 2006 Teilen Geschrieben 4. September 2006 hallo, habe ein problem mit meinem css... am besten einfach das bild anschauen dann werdet ihr shcon sehen was ich meine... möchte halt das beide divs (left & right) immer gleich hoch sind aber irgendwie geht das net richtig?!... bild: 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"> <head> <title>... last advice ...</title> <!-- some cool javascript to avoid the strange flash on a refresh --> <script language="JavaScript" type="text/javascript"> <!-- function wwOnError(){ return true; } onError = wwOnError; //--> </script> <!-- do i need a comment for every line?! --> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <!-- ohohoh a favicon... neat --> <link rel="shorcut icon" type="image/x-ico" href="images/favicon.ico" /> <!-- import something cool --> <style type="text/css"> @import "main.css"; </style> </head> <body> <!-- main container, the get the XXXpx in the middle --> <div id="container"> <!-- the header --> <div id="header"></div> <!-- content container --> <div id="left"> content </div> <!-- right sidebar container --> <div id="right"> <div id="navigation"> </div> </div> <!-- reset the float --> <div id="clear"></div> <!-- the footer container --> <div id="footer"></div> </div> </body> </html>[/code] mein css: [code]* { padding: 0; margin: 0; } body { margin : 0; padding : 0; background-color : #000000; } #container { width : 600px; margin : 0 auto; padding : 0px; } #left { float : left; width : 434px; height : 100%; background-image : url(images/bgcontent.png); background-position : 0px 52px; } #right { float : left; width : 166px; height : 100%; background-image : url(images/bgright.png); } #header { background-image : url(images/header.png); background-repeat : no-repeat; height : 203px; } #footer { background-image : url(images/footer.png); background-repeat : no-repeat; height : 78px; } #clear { clear : both; } #navigation { background-image : url(images/navigation.png); background-repeat : no-repeat; width : 166px; height : 310px; } #headlineBiography { background-image : url(images/headlinebiography.png); background-repeat : no-repeat; width : 434px; height : 52px; } #bioContainer { padding-left : 12px; } #bioContainer p { font-family : Tahoma; font-size : 11px; text-align : justify; } Zitieren Link zu diesem Kommentar Auf anderen Seiten teilen Mehr Optionen zum Teilen...
etreu Geschrieben 4. September 2006 Teilen Geschrieben 4. September 2006 Da gibt es gerade einen änhlichen Thread: http://forum.fachinformatiker.de/webdesign/96376-zweiseitiges-layout-anpassen.html Zitieren Link zu diesem Kommentar Auf anderen Seiten teilen Mehr Optionen zum Teilen...
Manitu71 Geschrieben 4. September 2006 Teilen Geschrieben 4. September 2006 der weiße Hintergrund hat doch immer dieselbe Größe. Oder täusche ich mich da? Kommt zumindestens vom Bild so rüber. Oder wird der weiße HG ggf. verlängert? Sonst gib den beiden doch eine feste Größe in der Länge. Und den linken Teil scrollste dann innerhalb. Denke mal das wär vom Aussehen her in diesem Fall der beste Weg. Zitieren Link zu diesem Kommentar Auf anderen Seiten teilen Mehr Optionen zum Teilen...
Empfohlene Beiträge
Dein Kommentar
Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.