width problēma

[matx]

Respektīvi, ir nepieciešams izveidot lapu ar 3 vertikālām slejām, kreisā un labā sleja ir ar noteiktu platumu, vidējā aizņem visu pārējo telpu, taču neizmantojot absolūto pozicionēšanu.

 

kods:

 

css:

.left {
width:200px;
background-color:#0066FF;
float:left;
}

.center {
height:20px;
background-color: #00FF00;
float:left;
}

.right {
width:200px;
background-color: #999999;
float:left;
}

 

HTML:

 

<div class="left">left</div>
<div class="center">aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa </div>
<div class="right">right</div>

 

problēma tāda, ka pārāk gara teksta gadījumā, lapa vienkārši nojūk (respektīvi visi float'i vairs nedarbojas), varbūt kāds zin atrisinājumu šai problēmai?

 

Paldies jau iepriekš!

[andrisp]

Paskaties vai kādā no šiem piemēriem nav atrisinājums tavai problēmai - http://intensivstation.ch/en/templates/