Problem z wysokością div'a Opcje

[zaajcu]

Cześć mam taki kod:

[HTML] pobierz, plaintext 
	<div id="page">
		<div id="naglowek"></div>
		<div id="menu"></div>
		<div id="info">
		</div>
		<div id="stopka"></div>
	</div>
[HTML] pobierz, plaintext 

i takiego css'a

[HTML] pobierz, plaintext 
html,body
	{
	margin: 0;
	padding: 0;
	height: 100%;
	}
div#page
{
	height: 100%;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid grey;
	font: 12px/22px  Arial, sans-serif;
	color: #81868B;				
}
div#naglowek
	{
	width:100%;
	display:block;
	height: 80px;
	border-bottom: 1px solid grey;
	}
div#menu
	{
	width:150px;
	height:100%;
	border-right: 1px solid grey;
	display: inline-block;
	float: left;	
	}
div#info
	{
	width: 849px;
	height:100%;
	display: inline-block;
	}
div#stopka
	{
	width:100%;
	display:block;
	height: 20px;
	border-bottom: 1px solid grey;
	}
[HTML] pobierz, plaintext 

chciałbym żeby <div id="menu"> i <div id="info"> były na całą wysokość strony minus div#naglowek i div#stopka

[!*!]

Było już kilka razy na forum http://jsfiddle.net/Q48Bv/ chyba że chcesz uzyskać tzw. efekt aplikacji. wtedy musisz nadać position:absolute minus odpowiednie wysokości względem np footer do menu + display: table

Ten post edytował !*! 3.09.2011, 12:46:03