Support » Themes and Templates » greenbay v2

  • 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;
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter arabrab

    (@arabrab)

    No one can help me?

    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…

    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

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘greenbay v2’ is closed to new replies.