Drop Down list breaks layout in Firefox

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • gatorade
    #1

    Drop Down list breaks layout in Firefox

    Drop Down list in a form is breaking layout of the page in FireFox.

    Here is the page in question:

    404 Page Not Found
    http://www.redchip.com/visibility/RCinstitutional-Requestinfo.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.

    Tags: None
    • Ben C
      #2
      Re: Drop Down list breaks layout in Firefox

      On 2007-04-25, gatorade <calebih@gmail. comwrote:
      Drop Down list in a form is breaking layout of the page in FireFox.
      >
      Here is the page in question:
      >
      404 Page Not Found
      http://www.redchip.com/visibility/RCinstitutional-Requestinfo.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).

        Comment

        Previous template Next
        Working...