height 100% - different display in IE / Firefox/ Opera
I have a problems with how the different browsers display my page. IE6 is displaying it how i want with the background colour of white showing all the while i have content and then adding the padding/margin sizes on top.
However in Firefox and Opera the white background only seems to show for a very small section of the page.
All of my content is held in a container div as follows:
Then I have another div nesting in this which displays my right hand content:
border-left: 1px solid #00000000;
margin-left: 2px ;
And finally i have another div nested inside that which contains my gallery
border: 1px solid #fff;
Can anyone tell me where i'm going wrong? The only way I seem to be able to get Firefox and Opera to display my white background to the bottom of the document is by specifying a pixel height i.e.:
which obviously i do not want to do, as each page on my website will have a different height size dependent on the amount of contained contained in it.
With many thanks for any light on this matter - i've been tearing my hair out on this one for a couple fo days!!:confused: :confused:
Still doesn't like the height in FF & Opera
Hi I really appreciate your input on this one. Unfortunately after altering the CSS so that the body height is 100% and the height for the right_content is min-height: 100% is still does not display the white background all the way down.
I am attaching the CSS file (V4) and the html file (holdingpageUPLOAD2) - maybe i'm doing somethign wrong in the html?