Height 100% problem

[Mort]

Pozdrav,

Ne volim da se registrujem na forum samo da bi postavio pitanje, ali moram to da uradim.


Enivej, imam problem sa visinom kolona. Naime, ne mogu nikako da namestim da mi sve tri kolone ( left, content, right) imaju podjednaku visinu sve do kraja strane.

Imam header i footer, i ove tri kolone. Slika govori 1000 reči tako da:




a evo i koda.



HTML

<div id="wrapper">
   
	<div id="header"><br /> <br /> <br /> </div>
	<div id="menu"></div>
	<div id="leftcolumn"><br /> <br /> <br /> 1231</div>
	<div id="content"><br /> <br /> <br /> 13123</div>    
	<div id="rightcolumn">s	</div>
	<div id="footer">  </div> 
</div>

CSS

html, body{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}

#wrapper {
width: 960px;
margin: 0px auto 0px auto;
height:100%;
}

#header {
width: 960px;
height: 186px;
margin-top: 0px;
}


#leftcolumn {
margin: 0px 0px 0px 0px;
height: 100%;
width: 220px;
float: left;

}

#content {
float: left;
margin: 0px 0px 0px 0px;
height: 100%;
width: 512px;
}


#rightcolumn {
margin: 0px 0px 0px 0px;
height: 100%;
width: 172px;
float: left;
}


#footer {
width: 936px;
height: 30px;
clear: both;
margin: 0px 0px 0px 0px;


}

/* Meni */
#menu
{
width: 956px;
height: 29px;
border: 2px solid white;
}

*Izbacio sam nebitne stvari, boju pozadine, font i tako te gluposti. Inače koliko sam razumeo i u body treba da ide height: 100%, ali kad to uradim desi se sledeće:




Hvala unapred na pomoći,
Darko

[Dragan Babić]

Tehnika se zove faux columns.

[Mort]

Originalno napisao Dragan Babić

Tehnika se zove faux columns.

Hvala puno, valjda će mi pomoći s'obzirom da imam border... moraću malo da prepravljam i da ubacim koji z-index


hvala još jednom

[kodi]

si siguran?

ako mu se footer zalepi gore, a on hoce da on ostane ispod navece kolone mislim da mu treba clearfix

http://www.webtoolkit.info/css-clearfix.html


mada i ja ovo onako sa vrha glave, nisam se bas udubio u css :P

Off Topic:
edit 2:
u vezi sajta iz potpisa
ko je za to da se novchano kaznjava upotreba Impact fonta u web dizajnu?
i jel sam ja jedini koga to chudo nervira viseh nego comic sans?

[Djuki]

Koliko sam skontao Draganov cheat je u tome da div koji ih okružuje ima pozadinu koja stvara iluziju da su tri diva jednake visine a oni to u stvari nisu? Da to je jedna od opcija.

Možeš i da koristip Javacript da kada učita stranicu izjednači visinu sva tri diva, mana je što se ako se sporo učitava stranica može videti kako se menja visina divova što je bedak.
Evo link za Javascript, ako ti ne igra opcija sa pozadinom,

http://www.projectseven.com/tutorial...umns/index.htm

[Mort]

samo da kažem da sam rešio problem...

iskoristio sam faux columns tehniku, ali sam je malo doradio.

Naime, imao sam bordere na sajtu, pa sam u wrapper dodao background 980x1 sa bojama i borderima koji mi odgovaraju...

Tnx to Salebab

Hvala još jednom!

[salebab]

nema na cemu