Forum Moderators: open

Message Too Old, No Replies

IE7 adding a load of empty space on right

         

GGR_Web

1:21 pm on Feb 25, 2009 (gmt 0)

10+ Year Member



IE7 is messing up my design!

Something in the css is producing a space on the right of my page thats about the same size as the actual content.

I've never seen this before - I'm still trying to find the exact cause.

My css:

body {
width:900px;
height:700px;
background-color:#00CC66;
}

.adleft {
background-color:#990000;
width:105px;
min-height:700px;
margin:0 895px auto 0;
float:left;
}

.adright {
background-color:#990000;
width:105px;
min-height:700px;
margin:-200px 110px auto 890px;
}

.topnav {
background-color:#006633;
width:785px;
min-height:100px;
margin:0 785px 100px 105px;
}

And some IE overrides
body {

}

.adright {
margin-top:500px;
margin-right:120px;
margin-left:880px;
width:105px;
}

.topnav {
margin:-700px 775px -600px 105px;
width:775px;
}

GGR_Web

2:40 pm on Feb 25, 2009 (gmt 0)

10+ Year Member



Fixed it

rocknbil

4:09 pm on Feb 25, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



For archival purposes, was it this?

.adleft {
background-color:#990000;
width:105px;
min-height:700px;
margin:0 895px auto 0;
float:left;
}

GGR_Web

10:28 am on Feb 26, 2009 (gmt 0)

10+ Year Member



That was me forgetting how right margins work