Results 1 to 7 of 7

Thread: float left doesn't come up left

  1. #1
    Join Date
    Jul 2006
    Location
    Antwerp, Belgium (Europe)
    Posts
    927
    Thanks
    121
    Thanked 2 Times in 2 Posts

    Default float left doesn't come up left

    In the css of http://www.portretkunst.be/contact.php I used the css style float=left twice to have the left div with the select options and the contact form and the text div next to eachother.

    This is the css of the div that contains both:
    Code:
    #global {background-color: #fff;position: relative;width: 800px;margin: 0 auto;text-align: left;font-size: 10px;}
    This is the css of the div of the left content (select options and contact form):
    Code:
    #select {float:left;top: 200px;width: 225px;margin-left:40px;padding-top:25px;}
    This is the css of the div that contains the plain text:
    Code:
    #text {float: left;position:relative;margin-bottom:20px;}
    My problem is that this works perfectly in MSI7, but in MSI6 the two divs are shown on top of eachother, instead of side by side.
    Does something needs to be added in order to have the same visual result in both MSI6 and MSI7 ?

  2. #2
    Join Date
    Jul 2006
    Location
    Antwerp, Belgium (Europe)
    Posts
    927
    Thanks
    121
    Thanked 2 Times in 2 Posts

  3. #3
    Join Date
    Sep 2008
    Posts
    48
    Thanks
    0
    Thanked 4 Times in 4 Posts

    Default

    That appears to be the double margin IE6 bug.

    Try putting an explicit width on #text being 600px.

    Also try putting display:inline; on #select.

  4. The Following User Says Thank You to the penguin For This Useful Post:

    chechu (12-05-2009)

  5. #4
    Join Date
    Jul 2006
    Location
    Antwerp, Belgium (Europe)
    Posts
    927
    Thanks
    121
    Thanked 2 Times in 2 Posts

    Default

    Still doesn't work, it seems. MSIE 5.5 works well, and MSIE 7+ also, but the evil 6 doesn't change ...

  6. #5
    Join Date
    Sep 2008
    Posts
    48
    Thanks
    0
    Thanked 4 Times in 4 Posts

    Default

    I put display:inline; and reduced the margin-left to margin-left:30px; and it worked.

  7. The Following User Says Thank You to the penguin For This Useful Post:

    chechu (12-07-2009)

  8. #6
    Join Date
    Jul 2006
    Location
    Antwerp, Belgium (Europe)
    Posts
    927
    Thanks
    121
    Thanked 2 Times in 2 Posts

  9. #7
    Join Date
    Sep 2008
    Posts
    48
    Thanks
    0
    Thanked 4 Times in 4 Posts

    Default

    Excellent!

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
  •