Hvordan få tre kolonner til å justere høyde etter skjermens høyde/oppløsning?

[Rognalf]

Jeg holder på å jobbe med et slags sideoppsett her. Jeg ønsker at alle tre kolonnene skal ha samme høyde, noe jeg har klart, men med en noe begrenset metode føler jeg (max-height i CSSen).

 

Hvordan ville jeg gått frem for å få dem til å justeres automatisk etter skjermhøyden?

 

HTML: http://www.rognalf.com/htmlcss/

 

CSS: http://www.rognalf.com/htmlcss/stil.css

 

På forhånd takk

[Stian Jacobsen]

Du må vell bruke litt js..

 

Men for bare å få samme høyde:

 

CSS:

.container {
width: 400px;
display: table;
}
.cr1, .cr2, .cr3 {
width: 33.333%;
display: table-cell;
}

 

HTML:

<div class="container">
<div class="cr1">
	<p>Just this one</p>
</div>
<div class="cr2">
	<p>oh so<br />many<br />many<br />many<br />many<br />many<br />many<br />lines..</p>
</div>
<div class="cr3">
	<p>this is<br />three<br />lines...</p>
</div>
</div>

[Rognalf]

Ah jeg skjønner tankegangen. Dette blir heller ikke en optimal løsning, ettersom høyden vil bli forskjellig fra side til side. Jeg visste ikke om css-tabell-løsningen fra før av, så jeg har nå hvertfall lært noe nytt; takk skal du ha