Common Margin problem in IE
-
I have the most common CSS problem you can get in IE. And I can’t solve it! This is really frustration. Any CSS pro’s around?
If you open my site in different browsers to problem is clearly visible:
https://www.lose-money-online.com/Here is the CSS bit straight from the theme:
.sidebar, .rightcolumn{
float: left;
width: 170px;
margin: 0 10px 0 0;
}.rightcolumn{
width: 170px;
margin: 0;
}.sidebar ul{
margin: 0;
padding: 0;
list-style-type: none;
background-image: none;
}.sidebar ul a{
color: #333333;
}.sidebar ul a:hover{
color: #8f8f8f;
}.side-header {
height: 6px;
line-height: 6px;
background-image: url(‘images/side-header.gif’);
background-repeat: no-repeat;
margin: 0;
padding: 0;
}.side-footer {
height: 6px;
background-image: url(‘images/side-footer.gif’);
background-repeat: no-repeat;
margin: 0 0 10px 0;
}.side-back {
background-image: url(‘images/back-sidebar.gif’);
}li.side-back {
margin: 0;
padding: 0;
}li.side-back ul li {
background-color: #FFFFFF;
}li.side-back ul {
background-image: url(‘images/back-sidebar.gif’);
}.sidebar ul li#search{
padding: 10px;
background-color: #FFFFFF;
}.sidebar ul li#search input{
margin: 0 0 5px;
}.sidebar h2{
padding: 5px 10px;
font-size: 14px;
font-weight: bold;
color: #333333;
}.sidebar ul ul{
padding: 5px 10px 10px;
}.sidebar ul ul li{
border: 0;
margin: 0;
padding: 0;
line-height: 18px;
}.sidebar ul ul ul{
padding: 0;
}.sidebar ul ul ul li{
padding: 0 0 0 10px;I understand the IE bug and think I need to set some margins to 0. I have tried about all already, but no changes there. Who can see where and what I need to add?
- The topic ‘Common Margin problem in IE’ is closed to new replies.