Wed, 2004-02-18 03:42
Hi there, I'm new to CSS, but I'm very interested in learning, as I'm used to traditional tables and such.
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%; }