3 replies [Last post]
babrees
babrees's picture
Offline
Enthusiast
England,UK
Last seen: 12 years 20 weeks ago
England,UK
Joined: 2007-07-25
Posts: 63
Points: 0

Site: http://www.spaintoday.co.uk/

For some reason my page width goes beyond 100% so I have a scroll bar at the bottom.

I have the following nested layout:

content
content

and the css...

#container{ width:100%; text-align:left; /*center hack*/ padding:0px; overflow: hidden; margin: 0 auto; }

#header {
width:100%;
background-image: url(../images_default/bgheader.jpg);
background-repeat: repeat-x;
padding:0px;
}

#leftside {
width:190px;
font-size: 12px;
color: #0066CC;
padding-left:2px;
float: left;
margin-top: 0;
}

#main {
margin-left:210px;
width: 700px;
}

I simply can not see why I have the bottom scroll bar.

-------
Jill

babrees
babrees's picture
Offline
Enthusiast
England,UK
Last seen: 12 years 20 weeks ago
England,UK
Joined: 2007-07-25
Posts: 63
Points: 0

sorry forgot to put in

sorry forgot to put in code:

this is the nested divs I have:

content
content

-------
Jill

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 8 hours 4 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9774
Points: 3856

Lose the {width: 100%;},

Lose the {width: 100%;}, it's redundant and troublesome. If that doesn't do it, give us a link.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

babrees
babrees's picture
Offline
Enthusiast
England,UK
Last seen: 12 years 20 weeks ago
England,UK
Joined: 2007-07-25
Posts: 63
Points: 0

That did it - thanks

That did it - thanks

-------
Jill