2 replies [Last post]
Merc_2k
Offline
newbie
Last seen: 17 years 22 weeks ago
Joined: 2004-07-01
Posts: 8
Points: 0

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?

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 day 3 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Div height percentages in FireFox

Hi Merc_2k,
Try using min-height.
If possible can you provide a link for us.

Merc_2k
Offline
newbie
Last seen: 17 years 22 weeks ago
Joined: 2004-07-01
Posts: 8
Points: 0

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:

Site
Stylesheet

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.