I have two divs with {position: absolute ; top: 0; bottom: 0}
respectively.
They're inside another div that's {width: 100%; height: 100%; position:
relative}
So the page has 3 divs: 1 header, one footer and one container. The head and
foot divs have 1 <p> each:
--------------------------------------------------
| head <div> with one <p> |
| ---------------------------------------------- |
| |
| Containing <div> for head & foot |
| |
|----------------------------------------------- |
| foot <div> with one <p> |
--------------------------------------------------
The head div, the foot div, and the <p>s All have a height of 150px.
In IE Mac the paragraph's heights equal the the head and foot div's heights:
150px.
In Firefox Mac, the paragraphs are shorter than the divs despite them all
having a height of 150px.
Maybe a basic question, but why does this happen?
Appreciate help.
_________________________________________________________________
Express yourself instantly with MSN Messenger! Download today - it's FREE!
http://messenger.msn.click-url.com/go/onm00200471ave/direct/01/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
