CSS min-height

zdravo!

imam en problem. in sicer v CSS-ju. rad bi naredil min-height da bi se razširil oz. pomanjšal (v višino) glede na velikost/resolucijo uporabnikovega monitorja.

stvar trenutno izgleda nekako tako:

#page
{
position: relative;
margin-top: 0px;
margin-left: 0px;
width:780px;
min-height: 456px;
background-color: #ffffff;
padding: 10px;
}


min-height: auto; ne pomaga... obstaja kakšen način, da bi rešil to?

hvala!

lp!

Na kak način pa boš nastavljal min-height glede na resolucijo ?
Mogoče lahko uporabiš kar procentualno vrednost, recimo min-height: 15%;

Če pa imaš kakšne druge pogoje, pa boš moral uporabiti javascript.

@hamax

Ni res. CSS bo čisto dovolj.

Je pa res, da z min-height se to ne dela (med drugim tudi zato, ker ne podpirajo vsi browserji) :) Tule je koda, ki ti spodnji del porine čist dol, če je premalo vsebine oz. se raztegne, če je vsebine več kot za cel ekran (id spodnjega elementa je "foother" v tem primeru):

*{
	padding:0; 
	margin:0;
}

html, body { 
	margin:0; 
	padding:0; 
	border:0; 
}

html {
	height:100%;
}

html > body {
	height:auto; 
	min-height:100%; 
	position:relative; 
}

* html body {
	height:100%; 
	position:relative; 
} 

#foother {
	position:absolute; 
	bottom:0px;
	width:100%;
	height:75px;
}