CSS woes

[Lemmy]

You fix one thing and another pops up. What's your screen res? It looks like you're using a wide-screen plasma TV!

If it's the floating objects that are causing the breakup, the solution may at least be something I can understand.

[Preacher]

Originally Posted by Lemmy

You fix one thing and another pops up. What's your screen res? It looks like you're using a wide-screen plasma TV!

If it's the floating objects that are causing the breakup, the solution may at least be something I can understand.

You know what you may be able to do, though I haven't tried using both at once yet. You can set a minimum and maximum width on your outside container using this type of format (which works on all modern browsers)

PHP Code:

div {max-width: 675px; width:expression(document.body.clientWidth > 675? "675px": "auto" ); 


The min width would prevent your center column from breaking itself if someone narrows their browser window real small, and the max width would prevent your floats from breaking by not allowing the entire container to get to big.

Yeah, I know that res was a rediculous example, but if you were to have a post/entry in that middle section with just a few words or a picture any larger than it is now, it will start breaking sooner than that width I believe.

Ain't css fun?

[Lemmy]

Originally Posted by Preacher

Ain't css fun?

Yeah, I don't know how much more I can take.

Here's what I've decided to go with (until someone shows me what a bad idea it is): I've removed the max-width from the content div and set the main container to a fixed 900 px. I've also ditched the floating pics in the content. This (I hope) should make the page reasonably stable for most browser/screen configurations.

Thanks for the help!