Results 1 to 6 of 6

Thread: help with IE6/IE7 layout

  1. #1
    Join Date
    Feb 2008
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default help with IE6/IE7 layout

    I'm helping a friend with his WordPress layout:

    a center column is centered properly between two outer columns using a left and top margin in IE7, but it bounces down low in IE6; would someone mind taking a peek and telling me what the problem might be? I really appreciate some help...

    Regards,
    GN

  2. #2
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    Change up your margins / width.

    IE6 has a horrible rendering engine, and it doesn't like floats.

    If you have Firefox, download the "Web Developer" extension and hit
    Outline > Outline Block Level Elements
    and I am certain you will see thats what the problem is.

  3. #3
    Join Date
    Feb 2008
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I've done so -

    the Divs and page render properly in FireFox, so this Ad-On doesn't show me anything...

    I'll attempt to play with the width and margins...

    Thanks
    Glenn

    (nice add-on, by the way)

  4. #4
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    yes it will actually.

    It will show you how the page is being rendered in firefox. If you see that the "gutter" in the middle is very slim, chances are that is exactly what the problem is.

    Generally speaking, there needs to be about a 6% gutter between floated elements to render properly in IE6... and what I mean by render properly, is show the floats accordingly. There will always be a difference in the gutter size across different browser platforms

  5. #5
    Join Date
    Feb 2008
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by boogyman View Post
    yes it will actually.

    It will show you how the page is being rendered in firefox. If you see that the "gutter" in the middle is very slim, chances are that is exactly what the problem is.

    Generally speaking, there needs to be about a 6% gutter between floated elements to render properly in IE6... and what I mean by render properly, is show the floats accordingly. There will always be a difference in the gutter size across different browser platforms
    i had given the center column a width of 460px and a margin-left of 300px with a right margin of 0px;

    i was advised to lose the width and add a right margin, which i did, but i don'thave IE6 with which to check it; my friend/client isn't available at the moment... do you have IE6?

    thanks

  6. #6
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    yes I have access to a computer with IE6.
    if you would like to give me the link to the site, I would gladly check your site, and offer my suggestions.

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
  •