Log in

View Full Version : Column lengths differ in IE6. Can it be fixed?



ozzie123
04-04-2008, 11:39 PM
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;
}

rangana
04-05-2008, 01:42 AM
Just change your content div's width to 210px or lower..or even higher. Play with the units ;)

See if it helps :)

sandyk3
04-05-2008, 06:01 PM
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.clearlygreendesign.com/endcruelty/index.html

Sandy

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