469,648 Members | 1,654 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,648 developers. It's quick & easy.

Are there any solution to the div height problem in Firefox?


I'm making website for my client. I have now for four hours tried to find a solution to the famous Firefox div height issue.

If someone isn't familiar with it, here is image which explains a bit:

The orange background in the image should go on behind the text when the page is scrolled. In IE it works fine. In Firefox it doesn't work. In Firefox there isn't background after that grey bottom bar. Only way it seems to work is if I set the div height for example 200%. But it just isn't very nice way to do it.

And of course I can do it with table. Can it be done with CSS?

Thanks for help.

- Tuomas
Dec 28 '06 #1
4 2710
1,892 Expert 1GB
Post that code please
Dec 28 '06 #2
7,435 Expert 4TB
There is no height problem in Firefox.
There is a height problem in IE.

As AricC said, post a link or the complete code or we will have to show you a picture of the fix. ;)

Now that I look at the picture, am I correct that the div is floated? In that case, IE is incorrect here and improperly expands elements to contain floated items.
Dec 28 '06 #3
Firefox doesn't have a problem, IE does.

Only way I ever found around it was to resize the element with an on load javascript function.
Dec 28 '06 #4
7,435 Expert 4TB
There is a way without javascript but, unfortunately, I'm going out of town right now for at least three days.
Dec 28 '06 #5

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

7 posts views Thread by Lachlan Hunt | last post: by
6 posts views Thread by amandadev | last post: by
1 post views Thread by astrochelonian | last post: by
2 posts views Thread by =?Utf-8?B?UGhpbCBKb2huc29u?= | last post: by
19 posts views Thread by Rabel | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.