468,241 Members | 1,379 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

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

Drop Down menu breaks layout in Firefox

Here is the link in question:

http://www.redchip.com/testing.asp

It is simply styled with floating divs.

Two floating divs are in a container, and they look fine, until I
insert dropdown menu in the left div, then the right div gets pushed
down as if the left div is too big or has clear:right applied to it.

When I take out the dropdown menu, it behaves normally.

This only happens in firefox. I tested with Safari and IE7, and it
behaves fine.

I've tried many things, but I just can't get it to work in FF. help!

Apr 24 '07 #1
1 1736
On 2007-04-24, ca*****@gmail.com <ca*****@gmail.comwrote:
Here is the link in question:

http://www.redchip.com/testing.asp

It is simply styled with floating divs.

Two floating divs are in a container, and they look fine, until I
insert dropdown menu in the left div, then the right div gets pushed
down as if the left div is too big or has clear:right applied to it.

When I take out the dropdown menu, it behaves normally.
Yes, you mean the <selectelement. If you remove all the <option>s from
the <selectelement it also works.
This only happens in firefox. I tested with Safari and IE7, and it
behaves fine.
It works properly in Opera too.
I've tried many things, but I just can't get it to work in FF. help!
It looks like a bug in Firefox. There is no other rational explanation
for this behaviour.

One workaround that seems to work is move rightArea in the source so
it's before mainArea and make it float: right instead of float: left.
You can then even get rid of float: left on mainArea altogether if you
want.

That way FF puts rightArea on the right before it gets confused by the
<optionelements.
Apr 24 '07 #2

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

4 posts views Thread by simon.cigoj | last post: by
4 posts views Thread by TycoonUK | last post: by
1 post views Thread by gatorade | last post: by
reply views Thread by NPC403 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.