Veröffentlicht 4. September 200619 j 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; }
4. September 200619 j Da gibt es gerade einen änhlichen Thread: http://forum.fachinformatiker.de/webdesign/96376-zweiseitiges-layout-anpassen.html
4. September 200619 j 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.
Archiv
Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.