2 replies [Last post]
soda_popstar
Offline
newbie
Last seen: 16 years 36 weeks ago
Joined: 2004-02-18
Posts: 5
Points: 0

Hi there, I'm new to CSS, but I'm very interested in learning, as I'm used to traditional tables and such. Wink

I'm testing out div classes and I've got a problem with whitespace. Here's an example of my problem.

I pushed over the actual writing part of my post 200 pixels using relative positioning to get it where I want. The problem is that I've got this horizontal scrollbar that shows only whitespace when I scroll to the right. What can I do about this? This is my CSS file:

body {
		margin: 0px;
		padding: 0px;
		background: #ffffff;
		font-family: Verdana;
		font-size: 11px;
		
		}

p {
		line-height: 200%;
		}

a {
		color: #cc0000;
		text-decoration: none;
		padding-bottom: 4px;
		}

a:hover {
		color: #0000cc;
		}

a:visited {
		color: #00cc00;
		}

#leftbar {
		float: left;
		width: 150px;
		height: 1000px;
		background: #eeeeee;
		padding-left:10px;
		}

#rightbar {
		padding-top: 10px;
		}

#day {
		color: #999999;
		padding-top: 20px;
		padding-bottom: 4px;
		font-family: Verdana;
		font-weight: 800;
		font-size: 16px;
		text-indent: 10px;
		}

#date {
		border-top: 1px;
		border-right: 0px;
		border-bottom: 0px;
		border-left: 0px;
		border-style: dotted;
		text-indent: 5em;
		padding-top: 3px;
		color: #999999;
		}

#blog {
		position: relative;
		left: 200px;
		padding-top: 5px;
		padding-right: 215px;
		line-height: 150%;
		}

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 days 17 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

Strange whitespace problem

Hi soda_popstar,
Get rid of the padding-right in blog and replace left with margin-left..
That should get rid of your scroll space.

Hope that helps

soda_popstar
Offline
newbie
Last seen: 16 years 36 weeks ago
Joined: 2004-02-18
Posts: 5
Points: 0

Strange whitespace problem

Wow, that was awesome! Thanks! Laughing out loud