CSS Forum

**silverglade** · 02-04-2009, 03:32 PM

hi, im having a problem, my page is ok in 1024x768 resolution, but when i go to a higher resolution, a white bar is at the bottom of my page due to my image sizes being smaller. i was wondering if there is a way to make my images fit different browser resolutions? here is the page im talking about, any help greatly appreciated. thanks. derek

http://derekvanderven.com/satin_flowers/home.html

**LadynRed** · 03:50 PM

Derek, you need to learn to 'stack' divs and such to achieve the looks you want.
In that very simple case, I would put this on the <body>

Quote:

background-color:#88A2BB;

That color matches the darker blue at the very bottom of your gradient.
OR, you could wrap the entire thing in a "container" div with that background color specified. Ideally, it's better to NOT use a lot of big images.

Oh.. and the <center> tag is NOT valid for XHTML doctypes. Use the margin-auto method to center your flash.

I would suggest that you go over to csszengarden.com and take a look at the CSS and HTML for different designs. It's all done with 1 html file for ALL designs and you can d/l the css for each design separately. If you examine the structure and how the designs are achieved, you'll get a better understanding of how to do the sort of thing you're asking about.

**silverglade** · 02-05-2009, 09:46 AM

thanks again ladynred for your help. i will head over to zen garden to see what they have so i can learn from it. thanks very much for your help and info. derek