WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] IE float bug (7 posts)

  1. rockinfree
    Member
    Posted 9 years ago #

    I've tried with no success to fix how my site (http://www.weirdncrazy.com/universe) looks in IE -- my sidebar should be next to the content (which works in Firefox), yet in IE it's moved below it. I have a width defined for the content, which is floated left, and the sidebar which has an equal left margin. Both the content and sidebar are held in a wrapper div. My CSS is:

    #wrapper {
    width: 700px;
    margin: 0 auto;
    overflow: hidden;
    }
    #content {
    float: left;
    width: 70%;
    margin-top: 20px;
    }
    #sidebar {
    margin-left: 75%;
    width: 25%;
    margin-top: 20px;
    }

    Any ideas to make it line up? Thanks in advance.

  2. Lorelle
    Member
    Posted 9 years ago #

  3. Jinsan
    Member
    Posted 9 years ago #

    rockinfree can you post a screenshot? I just viewed it in IE6 on a Windoze machine and the menu looks the same as in FF. Fixed it?

  4. Root
    Member
    Posted 9 years ago #

    It is possible that one browser or another is rounding up the percentages. 25 plus 75 does not equal 100 in many browsers. I would drop down one or two percent all over.And this is not the infamous float bug.

  5. rockinfree
    Member
    Posted 9 years ago #

    Hmm okay ... thanks for your replies. I hadn't gotten any last night so I moved it back to absolute positioning until I had it figured out. I'll try dropping the percentages by 1 or 2 next time -- thanks!

  6. jelevin
    Member
    Posted 9 years ago #

    I had this same problem and found an easy solution at http://www.bloggerforum.com/modules/xoopsfaq/index.php?cat_id=8

    I modified the CSS img to look like this:
    .post img {
    padding:4px;
    border:1px solid #222;
    max-width:410px;
    width: expression(this.width > 410 ? 410: true);
    }

  7. jbbrwcky
    Member
    Posted 9 years ago #

    Set both #content and #sidebar to float:left; (but no clear!) and also set your widths to be in pixels, not in percentages.

    Jbbrwcky

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags