Grrrrr… stupid browser incompatabilities!

Posted by Les on Wednesday, February 25, 2004 at 05:50 AM. Read 402 times. Tags:
{name} pic

Spent a chunk of last night working on a new design for my daughter’s blog and it looks pretty damn cool too. In Internet Explorer at least…

Mozilla, however, chews up the layout and spits it out in one huge slimy mess and I’m not sure why yet, though I suspect it’s something in the style sheet. Dammit.

Click here to see the test page, though you’ll need to use IE to see it as it’s SUPPOSED to look. I’ll see if I can’t figure out what I’m doing wrong according to Mozilla when I get in this evening.

Update: Got home this evening and started messing around with the style sheet using some of the suggestions many of you kindly sent me either in the comments or via email and I think I have figured it out. Chad put me on the right path with his suggestion of adding a clear:both tag to an otherwise empty DIV. That didn’t fix the problem, but clued me in on what Moz wanted. Instead, I added the tag to the #blog ID I’d defined in the style sheet and that did the trick. Suddenly, Mozilla was rendering the page as I had intended. I did tidy things up a little based on some of Chad’s other suggestions as well.

Thanks to him and the rest of you for your tips and suggestions as they were a big help. Courtney likes the new layout and it’s now officially in use at her site.

Comments:

Page 1 of 1 pages

Solonor United States Posted on 02/25/2004 at 07:25 AM

Solonor pic

If ya wanna shoot me a copy of the CSS, I could take a look. Sometimes it takes a fresh pair of eyes.

*** Dave United States Posted on 02/25/2004 at 07:43 AM

*** Dave pic

Looks nice.  In IE, at least.  I’m surprised—usually it’s IE breaking things, not Mozilla.  Though, I suppose, it could be something you’re coding to IE’s de facto standards that doesn’t match Mozilla’s more accurate (?) interp of the rules.

OB United States Posted on 02/25/2004 at 08:22 AM

OB pic

I vaguely remember something about having to include bgcolor (or point to the bg graphic) inside each TD in order for Mozilla to render the tables accurately.

Wow!  Now that I took a peek, it appears my site looks like shit in Netscape too; the style sheet’s being ignored completely.  Dammit, I guess I’ll have to buckle down and hand-code some fixes, ugh.  Doing it all day for a paycheck has really taken the excitement out of what was once a pleasurable form of self-expression.  Sheesh! :doh:

 Signature 

Invisible friends are for children and psychopaths.

Brandi United States Posted on 02/25/2004 at 08:42 AM

Brandi pic

it appears my site looks like shit in Netscape too

Ohmigod. Netscape is the devil.

It’s such a pain in the ass, I’ve started charging clients extra to guarantee compatibility with Netscape. It takes almost as long to debug Netscape as it does to design a damn site in the first place. Especially with the older Netscapes. And even then I can’t guarantee every bell and whistle will work, but only that the site won’t “fall apart” (look like hammered dog shit) in Netscape.

If you look at browser stats, it say some miniscule amount of users are still using old Netscapes, like less than 5%. But for some reason, all of those damn users seem to be in MY town. It seems pretty common with Defense Contractors. (And there’s actually a reason for it, I just forget right now what that is.)

I wish it would just die already.

I try to design for all platforms and every browser still in moderate use out there. So basically, if I look at a site 8 different ways, I always get 8 distinctively different appearances. At least at first. I can manually adjust for better consistency. But Netscape is by far the biggest pain in my ass.

Les United States Posted on 02/25/2004 at 09:46 AM

Les pic

I don’t promise my sites will work in anything other than the most current versions of IE and Mozilla anymore as just trying to get it to work in these two browsers is pain enough. grin

Solonor, I may take you up on your offer if I can’t manage to figure this out on my own. I suspect the problem is in the funky margin settings I’m using to get the right navigation bar to render. I’ve got some ideas to play with once I get home tonight.

 Signature 

Gods dont kill people. People with Gods kill people. - David Viaene

Chad United States Posted on 02/25/2004 at 09:49 AM

Chad pic

I think your problems have to do with your floats and it not being able to determine the height of the block containing the two floats.

Adding a <div style="clear:both">&nbsp</div&gt at the end after the two floated elements will fix it I think. I got no idea why this happens.

I think you’d be better off removing the align=center div from the html and doing the centering by adding text-align: center to your body (which should center for old browsers) and then text-align: left to your #blog and then changing the margin in #blog to be margin: 0 auto 5px auto; (you already have a width defined for the block so it should center).

Hope that helps. The Moz version only looks bad because you have a lot of style on #blog, but Moz is sizing that element at size 0 (so you only see the red bottom border on the top line of the screen). It just looks drastic because that has your white background and the background image on it…

Les United States Posted on 02/25/2004 at 10:57 AM

Les pic

Thanks for the tips. I’ll give ‘em a shot when I get in this evening.

 Signature 

Gods dont kill people. People with Gods kill people. - David Viaene

Elderbear United States Posted on 02/25/2004 at 05:00 PM

Elderbear pic

My life works in reverse, I guess. I tweaked my blog ‘til I liked it in Mozilla Firefox, then found it broken in IE.

It has been my experience that IE does not render sites as accurately as Firefox. And (at least on my puny Win98 PC), IE crashes a heck of a lot more than Firefox.

Les United States Posted on 02/25/2004 at 08:13 PM

Les pic

I’m well aware of which of the two browsers is more standards compliant, but that doesn’t change the fact that I need to make sure it works in both.

 Signature 

Gods dont kill people. People with Gods kill people. - David Viaene

Jeff United States Posted on 02/25/2004 at 09:35 PM

Jeff pic

Um, I dunno what the problem is.  I use firefox, the standalone mozilla, and it looks almost exactly like it does in IE.

Dast United States Posted on 02/25/2004 at 10:17 PM

Dast pic

Whatever it was, it looks pretty good now in Mozilla 1.5. *shrug*

Les United States Posted on 02/25/2004 at 10:17 PM

Les pic

Yeah, that would be because I fixed it. Which is what I mentioned in the part that says “update.” It was broke, now it’s fixed.  Yay me!

 Signature 

Gods dont kill people. People with Gods kill people. - David Viaene

Dast United States Posted on 02/25/2004 at 10:21 PM

Dast pic

Sure, Les.  Just thought I’d offer a compatibility report for at least one, older version.

I really need to upgrade to 1.6, or firefox.

Les United States Posted on 02/26/2004 at 06:12 AM

Les pic

Thanks Dast, didn’t mean to sound snippy. Re-reading it now I’m thinking “Ooo, I was a little tetchy last night!” My apologies.

 Signature 

Gods dont kill people. People with Gods kill people. - David Viaene

Page 1 of 1 pages

Name:

Email:

Location:

URL:

Smileys


Remember my personal information

Notify me of follow-up comments?

Submit the word you see below:


<< Back to main