rozciągnięcia CSS - Forum PHP.pl

rozciągnięcia CSS, rozciągnięcia

Ember Zobacz profil	13.01.2008, 14:27:10 Post #1
Grupa: Zarejestrowani Postów: 21 Pomógł: 0 Dołączył: 13.04.2006 Ostrzeżenie: (0%)	Witam! Otóż mam pewien problem. Staram sie posklejać layouta w XHTML i CSS, oczywiscie jak przystało na porzadnego webmastera na divach Niestety pojawił się pewien problem. Otóż mam taki układ strony: kontener (wrapper), w nim 3 divy (left, cell, right). W Cell znajduje się lay właściwy (tj. logo, menu, tresc i stopka). Oczywiście te 3 divy muszą być wycentrowane (to nie jest problem). Problem natomiast pojawił się w momencie gdy tekstu jest mało (tak że nie jest koneiczne przewijanie) content ma sie wydłużać do dołu strony, natomiast gdy jest go dużo (przewijanie jest konieczne), left i right z boku wydłużają się do długosći content. Oto kody: [HTML] pobierz, plaintext <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl"> <head> <title>tytul</title> <link rel="stylesheet" type="text/css" media="screen" href="style.css" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <!--[if lte IE 6]> <style type="text/css"> body { text-align: center; } #wrapper { text-align: left; } </style> <![endif]--> </head> <body> <div id="wrapper"> <div id="left"></div> <div id="right"></div> <div id="cell"> <div id="logo"></div> <div id="subheader"></div> <div id="content"> <div id="menu"> menu<br> menu<br> menu<br> menu<br> menu<br> menu<br> <div id="menubottom"></div> <div id="tresc"> tresc<br> tresc<br> tresc<br> tresc<br> tresc<br> tresc<br> tresc<br> tresc<br> </div> </div> <div id="stopka"></div> </div> </div> </body> </html> [HTML] pobierz, plaintext I CSS: [HTML] pobierz, plaintext * { font: normal 12px verdana; color: white;} html, body {height:100%; } body { margin: 0px; background-color: #FFF; } #wrapper { width:842px; margin: 0 auto; height: 100%; } #right, #left{ width:33px; position:relative; height: 100%; } #left { background-image:url("gfx/left.jpg"); left:-33px; float:left; } #right { background-image:url("gfx/right.jpg"); left:33px; float:right; } #cell { width:776px; height:100%; float:left; position: relative; } #logo { width:776px; height:175px; background-image:url("gfx/logo.jpg"); position:relative; } #subheader { width:776px; height:36px; background-image:url("gfx/subheader.jpg"); } #content { width: 776px; background-image:url("gfx/content.jpg"); position:relative; display:table; } #menu { background-image:url("gfx/menu.jpg"); width:186px; position: relative; left:20px; margin:0px; padding-bottom:0px; float:left; } #menubottom { background-image:url("gfx/menubottom.jpg"); width:186px; height:11px; font-size:1px; position: relative; } #tresc { width:568px; position: relative; left:20px; top:-10px;float:left; padding-left:5px; } #stopka { width:776px; height:2px; background-image:url("gfx/stopka.jpg"); font-size:1px; } [HTML] pobierz, plaintext --- Przez pomyłke zamieściłem temat w złym dziale. Bardzo za to przerpaszam i prosze o przeniesienie go do odpowiedniego działu. Ten post edytował Ember 13.01.2008, 14:32:52