CSS Help ASAP

[Robert_R]

Hello everyone! My first post! :) I need some CSS help. Please check out my website at www.bobbyrags.com

Now the site views great at 1024x768. But, at a lower resolution, at least to me, the wording seems smushed.

Here's my CSS code:

A:link {color:orange;}
A:visited {color:black;}
A:active {color:red;}
A:hover {color:yellow;}
.navbar {position:absolute;top:10px;left:10px;}
BODY {margin: 10px 10px 10px 200px;}
BODY {background-image: url("http://www.bobbyrags.com/Images/gray_fabric.gif"); background-repeat: repeat-y; font-family:verdana;}
p.margin {margin-left: 200px;}
p.margin {margin-right: 200px;}
UL LI {list-style-type: disc; margin-left: 100px;}


I eagerly await your suggestions/comments! :)

Thanks!

[King Pellinore]

Try using widths and margins in terms of %, not px, so everything is scaled to look good on low res.

[Robert_R]

Thanks buddy! :) I'll try that and post back and let you know what happened. :)

[Robert_R]

OK, it's now pleasing to me. These are the lines that I changed:

BODY {margin: 10px 10px 10px 20%;}
p.margin {margin-left: 20%;}
p.margin {margin-right: 20%;}

:)