SitePoint Sponsor

User Tag List

Results 1 to 5 of 5

Thread: Ie6 hell!! :(

  1. #1
    SitePoint Member
    Join Date
    Aug 2010
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Exclamation Ie6 hell!! :(

    Hello,

    About to launch a website but the layout has gone absolutely crazy in IE6, I've never seen anything like this before. the <body> seems to create extra space to the left and I haven't a clue how to fix.

    Website

    Any help would be GREATLY appreciated.

    Thanks,
    J

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,789
    Mentioned
    158 Post(s)
    Tagged
    3 Thread(s)
    Hi Welcome to Sitepoint

    It looks like haslayout issues on a number of elements.

    Try this:

    Code:
    * html #wrap2,
    * html .post,
    * html ul.dropdown {zoom:1.0}
    Whenever you have complicated content inside a container then that container needs haslayout. It also needs haslayout if it is being used a stacking context for absolutely placed children otherwise the children get placed anywhere.

  3. #3
    SitePoint Member
    Join Date
    Aug 2010
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    THANK YOU!.. that fixed it perfectly.

  4. #4
    SitePoint Member
    Join Date
    Aug 2010
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Also, while we're on the subject can you shed any light on this page I tried a similar fix as what you just described but no such luck.

    Thanks

  5. #5
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,789
    Mentioned
    158 Post(s)
    Tagged
    3 Thread(s)
    Hi,

    Your vid-post is 270px wide but your object seems to be 275px wide and therefore makes the element too big in IE6 as it tries to accommodate the extra width.

    You could force the issue by hiding the overflow.

    e.g.
    Code:
        .vid-post{
            text-align:left;
            border:#a6d26a 1px solid;
            margin: 15px 15px 0 0;
            padding: 10px 10px 10px 6px;
            width: 270px;
            float:left;
            display:inline;
            height: 310px;
            background:#E8EFDF;
            overflow:hidden;
        }
    A better approach would be to make sure that everything actually adds up and avoid the issue altogether


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
  •