greenbay v2 (4 posts)

  1. Arabrab
    Posted 10 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. :-)

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

    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;

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

  2. Arabrab
    Posted 10 years ago #

    No one can help me?

  3. yosemite
    Posted 10 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.

    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
    Posted 10 years ago #


    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.


Topic Closed

This topic has been closed to new replies.

About this Topic