Try adding a float:left;
to .main_left
Slap that IE into shape!
i added that then it looked fine in ie but messed it up in firefox, flock and safari..
durrrrrrrrrrr.
soory and it messed up alignment in ie still.. if any one has acces to mac and ie please help me out..
thanks.
ok i got firefox, flock, safari working fine. its now just ie and i will leave the codes and css alone till i get a response.
sorry for all the post but i am now lost and need help.
thanks in advance.
I actually have that
in my header:
<!–[if lt IE 6]>
<link rel=”stylesheet” type=”text/css” href=”<?php bloginfo(‘template_directory’)?>/style_ie.css”>
<![endif]–>
and the style_ie.css is:
.main_left {float:left;}
.main_cent {float:left;}
.main_right {float:left;}
.left {float:left;}
.right {float:left;}
And it looks ok in IE now, both columns, side-by-side. Only difference I see is in how FX and IE are handling that .cent_top (IE forces the 170px, FX ignores it).
Is .cent_top going to be used for something (right now it’s just a ‘spacer’)?
I have more luck using a margin (not padding) for that kind of spacing. Typically it’s ‘respected’ in multiple browsers (if you use px, I’ve had problems using em).
.main_cent {
width:36px;
height:100%;
vertical-align:top;
display:table-cell;
text-align:left;
}
.cent_top {
width:36px;
height:170px;
vertical-align:top;
background-color:#050505;
}
Yup, that’s the code there…
Yeah, i know, i added some padding to it and it is in px and not em. still can’t get the dang thing to aling right.
i then took the padding back off..
Ill try n play with it some more.. I just need to get past this so i can work on the rest of the site.