Another Disappearing Horizontal Scroll Bar Problem

Forum Moderators: not2easy

Message Too Old, No Replies

Another Disappearing Horizontal Scroll Bar Problem

joe in nantucket

6:15 am on Feb 12, 2008 (gmt 0)

I hate to bother everyone with yet another disappearing scroll bar problem but I can't figure this one out and I'm sure it's incredibly easy. The bar shows up in IE but not in Firefox.

Here's my css code:

html, body {
font-size: 16px;
margin: 0;
padding: 0;
font-family:"Trebuchet MS" ,Arial, Helvetica, sans-serif;
width: 1000px;
}

#header {
height: 90px;
width: 1000px;
background-color:#F4A929;
}

#logo {
height: 61px;
width: 313px;
background: url(../images/logo1.gif);
position:absolute;
left:14px;
top: 14px;
}

#container {
width:950px;
margin:0 auto;
padding:30px 0;
}

#footer {
width:950px;
text-align:center;
margin:0 auto;
padding:10px 0;
}

And my html (I removed the content but whatever I put in there, it just won't scroll):

Thanks for any help, it's greatly appreciated.

penders

2:46 pm on Feb 12, 2008 (gmt 0)

html, body { 
 : 
 width: 1000px; 
}

I think because you are also setting the width of the body to 1000px, then the content is always going to be contained (in the body) - hence no scrollbar. (Although it's not contained in the viewport.)

Try removing the width on the body.

joe in nantucket

2:43 am on Feb 13, 2008 (gmt 0)

Thanks, that worked great.