Results 1 to 3 of 3

Thread: Column lengths differ in IE6. Can it be fixed?

  1. #1
    Join Date
    Oct 2007
    Posts
    46
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default Column lengths differ in IE6. Can it be fixed?

    I've just finished the draft of a website which can be viewed at http://www.clearlygreendesign.com/endcruelty/index.html and it looks perfect in all browsers except IE6. I haven't seen the problem (I'm on a Mac with no access to IE) but have been told that the third column with the brown background is longer than the other 2 columns and they are actually all supposed to be the same length. The CSS I'm using is:

    /*---------- basic styling -----------*/
    * {
    margin: 0px;
    padding: 0px;
    }
    body {
    background-color:#a3a36d;
    text-align:center;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    }
    #wrapper {
    position:relative;
    width:774px;
    height:1136px;
    margin:0 auto;
    text-align:left;
    background-color:#cfc8b2;
    }
    #clear {
    clear:both;
    }
    /*------ position container elements ---------------*/
    #header {
    position:relative;
    background:*cfc8b2;
    height:479px;
    }
    #banner {
    height: 123px;
    }
    #flashbanner {
    margin: 0 0 0 5px;
    height: 356px;
    }
    #cruelmps {
    width:224px;
    height:650px;
    background:#a39873;
    float:left;
    margin: 0 0 0 5px;
    }
    #crueltext {
    width:190px;
    height: 370px;
    margin: 15px 5px 15px 15px;
    padding: 0 12px 0 0;
    overflow: auto;
    }
    #nicemps {
    width:224px;
    height:650px;
    background:#a39873;
    float:left;
    margin: 0 0 0 5px;
    }
    #nicetext {
    width:190px;
    height: 370px;
    margin: 15px 5px 15px 15px;
    padding: 0 12px 0 0;
    overflow: auto;
    }
    #content {
    width:270px;
    height:615px;
    background:#6a5126;
    float:right;
    margin: 0 5px 0 5px;
    padding: 18px 18px 18px 18px;
    }

    p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 17px;
    font-weight: normal;
    color: #FFFFFF;
    }
    .mptext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 17px;
    font-weight: normal;
    color: #333333;
    font-style: normal;
    }
    ul {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 17px;
    color: #FFFFFF;
    margin-left: 18px;
    }
    .footnote {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 15px;
    font-weight: normal;
    color: #FFFFFF;
    }

  2. #2
    Join Date
    Feb 2008
    Location
    Cebu City Philippines
    Posts
    1,160
    Thanks
    17
    Thanked 277 Times in 275 Posts

    Default

    Just change your content div's width to 210px or lower..or even higher. Play with the units

    See if it helps
    Learn how to code at 02geek

    The more you learn, the more you'll realize there's much more to learn
    Ray.ph!

  3. #3
    Join Date
    Feb 2008
    Posts
    63
    Thanks
    2
    Thanked 8 Times in 8 Posts

    Default Testing in browsers

    Hi Ozzie,

    I found a really neat website that you can test your pages in. You are allowed a certain amount of testing on the same domain per day but if you want more... just register. You pay nothing. I put your site through and you can check it out if you'd like. I haven't seen the results yet but it will be interesting. You can also click on screenshots at the top and view other peoples sites. Hope you like it.


    https://browsershots.org/http://www....lty/index.html

    Sandy

    ps.. i also have a mac - i do have leopard now but i don't like switching to the "dark side"

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
  •