By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,787 Members | 1,124 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,787 IT Pros & Developers. It's quick & easy.

Drop Down list breaks layout in Firefox

P: n/a
Drop Down list in a form is breaking layout of the page in FireFox.

Here is the page in question:

http://www.redchip.com/visibility/RC...equestinfo.asp

The layout is simply two floating div's in a container div.

Everything looks fine before I put the dropdown list in the form, but
once it is in,

the right div gets pushed down as if the left div has clear:right, or
is too big to fit in the containing div.

I tried this page in Safari, and IE7, and they all look fine, but not
in Firefox.

Please help! Thank you.

Apr 25 '07 #1
Share this Question
Share on Google+
1 Reply


P: n/a
On 2007-04-25, gatorade <ca*****@gmail.comwrote:
Drop Down list in a form is breaking layout of the page in FireFox.

Here is the page in question:

http://www.redchip.com/visibility/RC...equestinfo.asp

The layout is simply two floating div's in a container div.

Everything looks fine before I put the dropdown list in the form, but
once it is in,

the right div gets pushed down as if the left div has clear:right, or
is too big to fit in the containing div.

I tried this page in Safari, and IE7, and they all look fine, but not
in Firefox.

Please help! Thank you.
I thought I replied to this one.

It is a bug in Firefox, I'm fairly certain.

It can be worked around by moving rightArea up before mainArea in the
content and making it float: right. Then mainArea can be float: left, or
float: none (the default).
Apr 25 '07 #2

This discussion thread is closed

Replies have been disabled for this discussion.