Gast Geschrieben 4. September 2006 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; }
etreu Geschrieben 4. September 2006 Geschrieben 4. September 2006 Da gibt es gerade einen änhlichen Thread: http://forum.fachinformatiker.de/webdesign/96376-zweiseitiges-layout-anpassen.html
Manitu71 Geschrieben 4. September 2006 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.
Empfohlene Beiträge
Erstelle ein Benutzerkonto oder melde Dich an, um zu kommentieren
Du musst ein Benutzerkonto haben, um einen Kommentar verfassen zu können
Benutzerkonto erstellen
Neues Benutzerkonto für unsere Community erstellen. Es ist einfach!
Neues Benutzerkonto erstellenAnmelden
Du hast bereits ein Benutzerkonto? Melde Dich hier an.
Jetzt anmelden