Shrinkage ;)

[brentnicholas]

Ok, so I took peoples advice and ready over the URLs about positioning and learned quite a bit. The border/box color tip really helped.

So now I'm wondering what I didn't consider in doing my positioning...

I've got everything where I want it, but the images and other items on the page slide left off the page when I begin to shrink the browser window width wise. (my res: 1024x768)

I want it to shrink everything together evenly. Once it hits the menu bar then of course that will slide off the page I think, and that's expected and ok.

Thoughts?

Here's the demo page:
http://www.cflhd.gov/CSSHeaderTest/Test.htm

Thanks for your help -

BN

[Twey]

This is known as "float drop," and is commonly caused by mixing units. Don't worry about it in itself -- it's common and expected in CSS-based layouts. However, the viewport size at which it happens can be a problem -- make sure it doesn't happen before 640px. It's not too necessary to cater for smaller window sizes since the content is still readable; it's merely an aesthetic problem, and the site won't lose accessibility.

Alternatively, you can set a container element with a min-width (and width for IE, but don't feed this to other browsers) so that horizontal scrollbars will appear beyond that point instead.

[brentnicholas]

Perfect. That was it exacly. I converted everything to em's after reading about them a little bit. It looks funky now, but I just need to tweak the em's to get the proportions all set. Thanks!!