WordPress.org

Ready to get started?Download WordPress

Forums

greenbay v2 (4 posts)

  1. Arabrab
    Member
    Posted 8 years ago #

    I'm using this theme for the website of my local political party ( http://www.groenlinks-noo.nl ), but I just noticed something wrong with it in IE6. I'm using Firefox myself, so thats why I hadn't noticed it before.
    The right colum moves under the postings in IE6. And I've no idea how to solve that. In the style.css they're talking about a container (but that's the whole thing), about mainleft (probably the part with the postings?) and mainright (the navigation-bar?). But I don't see the value of the size of the mainleft and -right anywhere. Can it be the fact the the mainleft and- right have a 'float' value in them???

    Hopefully this is a bit of a clear story for experienced people. :-)

    #container
    {
    width: 750px;
    height: 100%;
    margin: 0 auto 20px auto;
    background: #F4F4F4;
    border: 1px solid #677E43;
    background-color: #f4f4f4;
    }

    #mainleft
    {
    color: #3A4925;
    margin-top: 10px;
    padding: 5px;
    padding-bottom: 10px;
    padding-right: 10px;
    line-height: 175%;
    width: 480px;
    float: left;
    margin-left: 20px;
    text-align: justify;
    }

    #mainright
    {
    margin-right: 10px;
    width: 150px;
    float: right;
    line-height: 175%;
    margin-left: 0px;
    margin-top: 10px;
    text-align: left;
    }

  2. Arabrab
    Member
    Posted 8 years ago #

    No one can help me?

  3. yosemite
    Member
    Posted 8 years ago #

    You may want to check your width's, I suspect IE is handling them (adding them up) a bit differently and seeing it as an overflow.

    container=750
    mainleft(width:480px; + padding:5px; + padding-right:10px; + margin-left:20px;)=520
    mainright(width:150px; + margin-right:10px;)=160
    520+160<750, BUT, I see there's also:
    #mainright h2
    {
    font-size: 140%;
    margin-left: 0px;
    color: #96B766;
    width: 250px;
    }

    Now, 520+250>750 and perhaps Firefox is being more graceful?

    I would try changing #mainright h2 width to 200px and check it in IE. If it works, then twiddle it back up to 230 where I suspect it might work.

    BTW, I'm a CSS novice, responding because I didn't see anyone else...

  4. MikeCherim
    Member
    Posted 8 years ago #

    Add...

    display : inline;

    ...to those three containers and it should fix the problem, assuming, as noted the width of the sum, including borders, doesn't exceed the width overall.

    Hope this helps.

    Mike

Topic Closed

This topic has been closed to new replies.

About this Topic