I have made up a layout using percentages for the sizes and it works fine in IE (not sure if that is saying much, lol) but when I open it up in FireFox the divs contract in height around the contents of the div. For instance, I have a main content section that is supposed to have a 60% height. In IE it shows up as that size, despite the fact that there is only one sentence currentlywithin the div, but FireFox changes the height to fit around the text only. Is there anyway to have the page display as it does in IE?
Div height percentages in FireFox
Hi Merc_2k,
Try using min-height.
If possible can you provide a link for us.
Div height percentages in FireFox
Here's a link to the site I'm working on (it not much right now, I've spent most of the time getting the navigation working) and the style sheet it uses:
I also tested it in Konquerer the other day and found that everything below the navigation tabs didn't render (although all the text was present in the source code).
EDIT: I found the problem. I had a "height = 100%;" in my CSS. Thanks for the help.