SitePoint Sponsor

User Tag List

Results 1 to 11 of 11
  1. #1
    SitePoint Member
    Join Date
    Aug 2007
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Broken Layout in IE5.5 and IE6

    Hello Everyone,

    I'm self-taught in XHTML and CSS. The site I'm building looks good in all modern browsers, but the layout breaks in IE5.5 and IE6. I'm not sure which hack to use to fix the broken IE box model. Can someone please offer a suggestion? Here's the site:

    http://www.williamscreative.com/mmsgh/index.html

    I've checked the site numerous times in browsershots.org as I've built it, and it looks good in all browsers except IE5.5 and IE6. Here's a link to the browsershots image showing the broken IE6 layout (the IE5.5 broken layout is very similar):

    Broken IE6 Layout Screen Capture
    http://browsershots.org/screenshots/...c6b5dcf3ba1fe/

    Any help will be greatly appreciated!

    Steve

  2. #2
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,478
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi Steve.

    I'm just going to take a stab in the dark at this, but if you haven't done so yet, try adding display: inline; to the right column.

  3. #3
    SitePoint Member
    Join Date
    Aug 2007
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the suggestion, Dan. I've added the code and resubmitted the site to browsershots.org to see if it has any effect.

    Steve

  4. #4
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,478
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What operating system are you using?

  5. #5
    SitePoint Member
    Join Date
    Aug 2007
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Mac OSX 10.3. Trying to code everything with a text editor.

  6. #6
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,478
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Panther, right?

  7. #7
    SitePoint Member
    Join Date
    Aug 2007
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yes, it's Panther. This is a great forum by the way.

  8. #8
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,478
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you can get your hands on a copy of XP, I'd look into installing it as a virtual host on Parallels Workstation (you'll also be able to install Linux onto it as well) or VirtualPC (or God forbid, VMware).

  9. #9
    SitePoint Member
    Join Date
    Aug 2007
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Adding display: inline; didn't seem to do anything to remedy the broken box layout in either ie5.5 or ie6. Is there a hack I should try?

    Thanks,
    Steve

  10. #10
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,478
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It might be time to, without having to re-write the whole page from scratch. Try applying a negative margin to the right column. 3px should do it.

    Code:
    * html #right-column {
        margin-left: -3px;
    }
    Just replace #right-column with the ID of your column. Again, I'm taking a stab in the dark here (uploading a 39MB video on dialup).

  11. #11
    SitePoint Member
    Join Date
    Aug 2007
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That code fixed the broken layout in IE6, but not in IE5.5.

    Here's a link to several browsershots.org screen captures showing how the layout is still broken in IE5.5. Click on the "MSIE 5.5 Windows 2000" thumbnail on this page to see the problem:

    http://browsershots.org/http://www.w...sgh/test6.html

    Any suggestions on how to fix the IE5.5 problem?

    Also, can you suggest some way to correct the extra spacing that's showing up between the list items in the right hand column in the "MSIE 6.0 Windows 2000" screen capture on that same page?

    Here's the link to my original html page:

    http://www.williamscreative.com/mmsgh/test6.html

    Thanks!


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
  •