Forum Moderators: not2easy
have been working on some css based layouts, but i have an issue where whcih seems to be with ie applying double margins to a div. the code is below, its is the #rightcolum part (althoug it is floated to left inside the main container) i have also tried a hack i found that allowsa for closing specifying two values one for ie and then another for the other browsers,but ie ignores this...can it have something to do with that fact that ie is in stardards mode?
any help appreciated
kumar
body, html {
font-size: 14px;
min-height:100%;
text-align:left;
}
#maindiv {
width:685px;
background-image:url('backgroundleaf.jpg');
background-repeat:repeat;
min-height:100%;
padding:0px 0px 0px 0px;
border-collapse:collapse;
border-bottom:1px solid #000000;
text-align:center;
margin-right:auto;
margin-left:auto;
margin-top;0px;
voice-family: "\"}\"";
voice-family: inherit;
width:685px;
}
#maindiv:after {content: ""; display: block; height: 0; clear: both; }
#banner {
width:620px;
height:172px;
background-image:url('leaf.jpg');
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
margin-top:0px;
}
#menu {
height:20px;
width:620px;
padding:3px 0px 0px 0px;
text-align:right;
vertical-align:center;
background-color:#264400;
border-bottom:px solid #000000;
border-top:px solid #000000;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}
#maincontent {
float:right;
padding-top:20px;
padding-bottom:20px;
text-align:left;
width:400px;
margin-right:45px;
}
#rightcolumn {
float:left;
width:100px;
overflow:visible;
margin-left:px;
margin-top:10px;
margin-bottom:10px;
padding-right:5px;
background-color:#264400;
voice-family: "\"}\""; <---ie seems to ignore this
margin-left:35px; <---changes to this aplies to ie
width:140px;
}
See PIE [positioniseverything.net] for details.
