Hello, I am fairly new to CSS. I am creating a web page for someone who wants the entire screen area to be filled. I tried to talk him into a fixed page that would just create margins on the sides and bottom when a higher resolution was used, but he wouldn't give in. So I created a banner that would fit a screen with resolution of 800x600 and set the width to 100%. Unfortunately, on a really high resolution screen, this stretches the text so that it is not very nice at all. I have tried to create it for the higher resolution and still set the width to 100% hoping it would shrink the banner image and not degrade the quality. Unfortunately, it did not shrink the image as I was hoping. The other problem I am having is that I am using a vertical gradient rollover menu. I create the .gif gradient file which may look great on my screen, but when viewed on a higher resolution computer the gradient is completely different. What is the best way to solve these problems (primarily the first) so that it can look good on both and yet fill each screen? I can send the code if that would help. Thanks much, Jedidiah
Sounds to me like you're trying to visualize the site on the browser itself. It's just not going to work that way. I suggest you read this thread over on www.sitepoint.com for information on how to deal with screen resolutions (and why they're meaningless): http://www.sitepoint.com/forums/showthread.php?t=463591 In the meantime, what does the code for this site look like? If you have a link (even if it's on Tripod or Geocities, I don't care), I'll be more than happy to take a look at it, as will the others here (especially Gary).