2 replies to this topic

[PorkyCorky]

I am designing a website for the WKU Honors College. Whenever you view the website, you will notice that there is a large horizontal scroll to the right where there is clearly no content or reason for it to scroll. You can view the website at http://www1.wku.edu/honors/

Can anyone help me resolve this issue?

[Demonslay]

Not sure exactly why it happens, but I found your problem.

#search {
left:75%;
position:relative;
top:40%;
}

Something with the left positioning is causing the page to stretch. I replaced it with a float, and it works fine.

#search{
float:right;
position:relative;
top:40%;
}

There is still a gap, but that is caused by the white content box. The margin and width attributes are conflicting for some reason. You can research on why this might be possibly, but simply take out the width from this:

#wrapper #centeringwrapper {
background-color:#F2E9D7;
font-family:"Trebuchet MS",Helvetica,Arial;
height:100%;
margin:0 auto;
padding-top:10px;
width:80%; <-- Remove this and the whole page looks fine
}

With those two tweaks in Firebug the whole page looks like I imagine it should.

[PorkyCorky]

Thank you so much!