CSS woes

[Lemmy]

I think I just fixed it! I removed the max-width and it looks good. The only reason it was there was to prevent very long lines (hard to read), but it looks OK on 19" monitor @ 1280 x 1024. So there shouldn't be any downsides, right?

[Preacher]

This is the problem I was talking about, and you may not care because not everyone will have a screen this wide:

PHP Code:

http://www.thisdepravedworld.com/graphics/news-items/07-05/float-problem.jpg 


It's because you have things floated in the center column, so as it expands things start breaking. A possible fix would be to instead of floating images in the center column, to assign them an align="left" and deal with the issues that creates (I've done that myself on a project).

This all stems from the fact that floated objects fall out of the document flow which means in essence that they are no longer contained by their container (which I think sucks ass).

[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!