Forum PHP.pl > [css] layout na divach

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki

cqt

1.09.2007, 17:13:15

Problem z divami;)

[HTML] pobierz, plaintext 
<html lang="pl">		<head>		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />		
<title></title>		
<style type="text/css">	
#content {width: 859px;  background-color:black; display: table;}
 
#content .con_g {height: 21px;  }
#content .con_s {height:100% }
#content .con_d {height: 21px;  }
 
#content  .lewo {width: 42px; float:left; }			
#content  .srodek {width: 778px; float:left; }
#content  .prawo {width: 39px; float:right; }
 
 
#content .con_g .lewo { background-color: green;}			
#content .con_g .srodek { background-color: red}
#content .con_g .prawo { background-color: green;}
 
#content .con_s .lewo {height: 100%; background-color: yellow; }			
#content .con_s .srodek {height: 100%; background-color: blue; }
#content .con_s .prawo {height: 100%; background-color: yellow; }
 
 
#content .con_d .lewo {  background-color: green; }
#content .con_d .srodek {  background-color: red; }
#content .con_d .prawo { background-color: green; }	
</style>	
</head>		
<body>		
<div id="content">
 
			<div class="con_g">
				<div class="lewo">lg</div>
				<div class="srodek">sg
				</div>
				<div class="prawo">pg</div>
 
			</div>
 
			<div class="con_s">
 
			<div class="lewo" style="height: 100%">ls</div>
				<div class="srodek">ss<p>&nbsp;</p>
					<p>&nbsp;</p>
					<p>&nbsp;<p>&nbsp;<p>&nbsp;<p><br>
				</div>
				<div class="prawo">ps</div>
 
 
 
			</div>
 
			<div class="con_d">
 
			<div class="lewo">ld</div>
				<div class="srodek">sd<br>
				</div>
				<div class="prawo">pd</div>
 
				</div>
 
			</div>
</body>	</html>
[HTML] pobierz, plaintext

Chce zeby srodkowa sekcja dopasowywala sie do rozmiaru zawartosci. W IE wszystko dziala jak nalezy FF niestety nie wyswietla dolnego wiersza. Jakies pomysly?

Kreton

1.09.2007, 18:01:32

Doczytaj : http://www.positioniseverything.net/articles/onetruelayout/

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.