[RESOLVED] Firefox Display Problem

[Sermolux]

Take a look at this page using firefox:
Look Here (http://www.sermolux.com/sermolux6/index.php)
For some reason the content is stretching the page way off screen. I thought it was caused by the 100% table width, so I took that out, but the problem persists.
Any help would be appreciated.
Thanks.

[bradgrafelman]

Have you tried forcing a width, like 500px or something?

[Sermolux]

Is that the only way to prevent the issue? I'd rather not go that rout if I can avoid it.

[bradgrafelman]

I know what you mean. I have FF-compatibility issues that I'm really dreading resolving.

I am by no means at all an expert or even intermediate when it comes to web design, especially W3C standards, compatibility, etc.

Unless we have some multi-talented PHP guru's inhouse here, you might need to turn to an actual Web Developing forum of some sort for that. I tried a quick bit of Google'ing, and there was some suggestions of using the white-space and word-wrap attributes, but I didn't have much luck with them.

[Weedpacket]

Funny, I tried loading the page up in NVu to see if I could see anything, and it loaded up fine. I saved it, and the saved version looked fine (see attached). I hate it when that happens.

Seeing as how I didn't touch the stylesheet, and seeing as how NVu moved some of the attributes around in some of the tags (as well as whitespace stuff), I'm wondering if it's some sort of conflict between stylesheet-based layout and non stylesheet-based layout.

[Sermolux]

Thanks for noticing that Weedpacket, It seems to display correctly without the stylesheet. For a web standard compliant browser it sure does have some quarks. I guess I'll take a look at the css and see if I can't fix it there.

[JPnyc]

add white-space:wrap to your css. Or you could put break tags.

[Sermolux]

Success! Thanks JPnyc.... I tried adding "white-space: wrap" to my css file, but that didn't do the trick. So I searched the file for "white-space", and bam... Some time ago I had already added "white-space: nowrap" to a container class. I took it out and the page displays correctly. Now I can't figure out why I put it there in the first place... Anyway, I guess I should take back what I said about FireFox, IE interpreted the css wrong.

[bradgrafelman]

Definitely. I've talked to professional web designers, and if there's ever a conflict, they've told me to design for Firefox.

Firefox is based on W3C standars, whereas Micro$oft's IE has a bunch of quirks. Like DHTML page transitions, all kinds of stuff. Lots of rendering isn't according to W3C standards.