CODEWITHSUNDEEP
csslayoutinternet-explorer-8internet-explorer-7
Eric
Eric

Reputation: 429

Horizontal scroll bar problem in IE7 + IE8

In IE7 + IE8 there is a problem with the background when the browser is set at a small size (1024 x 768 for example). The background extends out very far to the right, causing a horizontal scroll bar.

Here is a screenshot of the bug.

enter image description here

When viewing the site at 1024x768, the layout should be centered on the content area with no horizontal scroll.

Help!

Upvotes: 0

Views: 1003

Answers (1)

tw16
tw16

Reputation: 29615

You have used relative positioning in situations where it was really not necessary or appropriate. In the process you set some very odd measurements to get the layout you wanted. The fix mainly involves removing a lot of your relative positioning styling.

If you replace the three rules I have given you below it should fix your problem.

.rightmenu .leftCol {
    margin-top: -61px;
    float: left;
    width: 100%;
}
.rightmenu .col1wrap {
    float: left;
    padding-bottom: 1em;
    width: 50%;
}
.rightmenu .col2 {
    border-left: 1px solid #C1C1C1;
    min-height: 1000px;
    padding-left: 7px;
    width: 212px;
    float: right;
}

I noticed you had duplicated a few of the rules above in another style sheet. You should completely remove those duplicate rules and only use the three above to ensure there are no conflicts.

Upvotes: 1

Related Questions