2 liquid row + 1 fixed row

[Durabo]

Hi,

i must divide the page of my situated Internet in 3 lines and would
want to make in way to have a layout liquid (would have to be adapted
therefore to whichever dimension of the window).
Initially I have divided in two parts as it follows:
body {
margin: 0px;
height: 100%;
}

#row_1 {
background-color:#009900;
height: 50%;
}

#row_2 {
background-color:#00CC33;
height: 50%;
}

and all it works regularly (except with FIREFOX).

Now I must add a third line that but it has a height very defined
(25px). I have inserted:

#row_3 {
background-color:#000000;
height: 25px;
}

but obviously I lose the functionality of the "liquid".

Someone to some suggestion in merit? The riga_3 it must by force be
"blocked" to 25px and then I do not understand why with FIREFOX not
funzia.
Best regards,
Pierpaolo

[Jedi Fans]

Durabo wrote:

Hi,

i must divide the page of my situated Internet in 3 lines and would
want to make in way to have a layout liquid (would have to be adapted
therefore to whichever dimension of the window).
Initially I have divided in two parts as it follows:
body {
margin: 0px;
height: 100%;
}

#row_1 {
background-color:#009900;
height: 50%;
}

#row_2 {
background-color:#00CC33;
height: 50%;
}

and all it works regularly (except with FIREFOX).

Now I must add a third line that but it has a height very defined
(25px). I have inserted:

#row_3 {
background-color:#000000;
height: 25px;
}

but obviously I lose the functionality of the "liquid".

Someone to some suggestion in merit? The riga_3 it must by force be
"blocked" to 25px and then I do not understand why with FIREFOX not
funzia.

Firefox is true to the standards in this matter, a DIV element only has
the height of its content, therefore percentages for height should not
work as there is nothing to reference what the 100% applies to...
try using em instead, as the user's browser has that defined relative to
font size i think... [google it]

--
Hope This Helped and MTFBWY...
Kieren aka JediFans - <URL:http://jedifans.com/>
The Force Is With Me, SuSE Linux Professional 9.3, Mozilla Firefox
1.0.6, Mozilla Thunderbird 1.5 Alpha 2 and Revenge Of The Sith!