SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Guru XraySierra's Avatar
    Join Date
    Jan 2002
    Location
    Ontario, Canada
    Posts
    850
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Sidebars are not floating in IE7

    I just redesigned my blog (http://thechrisblackwell.com) but the sidebars are getting knocked down below the content in IE7 only. Everything seems to work fine in FireFox, Safari, Opera and IE8. Any help would be greatly appreciated.
    Chris Blackwell - my blog and ramblings
    Comicville - Daily News and Comic Reviews

    "web development is what I love...so that's what I do"


  2. #2
    Design Your Site Team bronze trophy Erik J's Avatar
    Join Date
    May 2007
    Location
    Countryside, Sweden
    Posts
    3,407
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The cause is the 100% width on the static contentwrapper. It has no set height, and only IE float-model does not wrap a static box with a length around outside floats.

    In css, remove the width-rule. Then it looses haslayout and IE will wrap the box around the floats and the panels can float up beside also in IE.

    Or keep the css as it is, and in html move contentwrapper closing tag to contain the right and left panels. Or maybe loose the contentwrapper itself.



    Edit) Nice that IE8 apparently has a more compliant float-model.
    Happy ADD/ADHD with Asperger's

  3. #3
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Not only that, but you shouldn't be testing your own sites in IE 8 yet anyway. It's a BETA, which means that if you do test in it, you should test compliant sites in it to find bugs that can then be reported to Microsoft. Wait to test your own sites until it renters Release Candidate Status.

    And don't forget to test in IE 6 either.

  4. #4
    SitePoint Guru XraySierra's Avatar
    Join Date
    Jan 2002
    Location
    Ontario, Canada
    Posts
    850
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by erik.j View Post
    The cause is the 100% width on the static contentwrapper. It has no set height, and only IE float-model does not wrap a static box with a length around outside floats.

    In css, remove the width-rule. Then it looses haslayout and IE will wrap the box around the floats and the panels can float up beside also in IE.

    Or keep the css as it is, and in html move contentwrapper closing tag to contain the right and left panels. Or maybe loose the contentwrapper itself.



    Edit) Nice that IE8 apparently has a more compliant float-model.
    You were right. That was the problem. Thank you very much for your help.
    Chris Blackwell - my blog and ramblings
    Comicville - Daily News and Comic Reviews

    "web development is what I love...so that's what I do"


  5. #5
    SitePoint Guru XraySierra's Avatar
    Join Date
    Jan 2002
    Location
    Ontario, Canada
    Posts
    850
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Dan Schulz View Post
    Not only that, but you shouldn't be testing your own sites in IE 8 yet anyway. It's a BETA, which means that if you do test in it, you should test compliant sites in it to find bugs that can then be reported to Microsoft. Wait to test your own sites until it renters Release Candidate Status.

    And don't forget to test in IE 6 either.
    I think it can be very productive to see you sites are appearing in IE8. Since IE8 is standards compliant I am seeing the same errors pop-up in sites that I also see in FireFox 3.
    Chris Blackwell - my blog and ramblings
    Comicville - Daily News and Comic Reviews

    "web development is what I love...so that's what I do"



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
  •