SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    Oct 2006
    Location
    Blackpool, UK
    Posts
    61
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Why wont Firefox recognise my float:left?

    http://www.ainewmedia.co.uk/test.htm

    Im learning CSS based layout and Im pulling my hair out as to why wont my banner DIV float to the right of my login box? It works fine in IE.

    Any help will be greatly appreciated! Ive added coloured borders to try help with whats going on.

    Cheers...John

  2. #2
    CSS & JS/DOM Adept bronze trophy
    Join Date
    Mar 2005
    Location
    USA
    Posts
    5,482
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    IE is a piece of junk -- it does not handle that correctly. Either give the banner a left margin or float it left.

    Donít use IE as your primary testing browser
    No, Internet Explorer did not handle it properly
    We miss you, Dan Schulz.
    Learn CSS. | X/HTML Validator | CSS validator
    Dynamic Site Solutions
    Code for Firefox, Chrome, Safari, & Opera, then add fixes for IE, not vice versa.

  3. #3
    Word Painter silver trophy Shyflower's Avatar
    Join Date
    Oct 2003
    Location
    Winona, MN USA
    Posts
    10,053
    Mentioned
    142 Post(s)
    Tagged
    2 Thread(s)
    I looked at your css and I didn't see that you have a float:left in your header, so of course your login box will take the left postion, since you have declared float left there.

    I also see that you have you login box in a different division than your header. I think that may be a problem as well. Moreover, you should float the division that contains the form and not the form itself.
    Linda Jenkinson
    "Say what you mean. Mean what you say. But don't say it mean." ~Unknown


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •