Greetings everyone.

As I am learning CSS, it's been brought to my attention that when ppl resize text in their browser, you don't want your site to break. And the sample site that I've developed is breaking.

I want to have a fluid site like yahoo.com...whenever you hit Ctrl + the page resizes very nicely.

I've been told on this forum that when you use {background-image: "whatever url";} that the background isn't ever going to resize. So is there a way to create a unique background and have everything resize nicely when text size is increase?

Should I even be trying to design a background in Photoshop and displaying it through code?

You can take a look at my work thus far to see what I'm trying to accomplish (it's not finished yet and it looks horrible in IE so please view in Mozilla/Firefox).

www.ibtestsite.info

Thanks.

You could try using % instead of px when determining sizes

I would recommend checking out this CSS slicing guide.

The slicing guide is a good start. I think the key here is to NOT go with a fixed background image as you currently have it but to use repeating background 'slices' that WILL fill the given areas.

You could easily do that with the solid blue background - you don't even need an image, just use a solid color. Carve out the header as a separate piece, and make a repeating image for the gradient nav bar area.

Thank you so much.

Slices.

This is the answer I've been looking for, for an entire month.

Thanks.