n/m. clean up

Well, I got the table height figured out anyways. I'm using CSS instead. I'm getting smarter by the minute. lol

I don't know what to do about the rest of it yet though. Especially my nifty little flash animation that it screwed up. I'll think of something though. If you guys can help with any suggestions I'd sure appreciate it.

Just because you designed in IE doesn't mean that Opera or Firefox are crap. Those are the big three in web browsers and you should accommodate all of them. I'm sorry it is such a hassle, I've been through it, too, however unless you want to waste more time, in the future, check things periodically in other browsers to be able to fix your problems right away.

I don't know any way to magically fix your problem, but I hope I've saved you some time, in the future (Unless you've already figured out what I've said, before I said it).

It's funny that the two browsers who follow W3C standards the best are the ones you are having problems with (A standard-valid page does not mean it will work in all browsers. IE, for example, uses a different [non W3C] box model which is what causes a lot of margin/padding headaches).

I know you're frustrated, but calling people "lamer rebels" for using an alternate browser isn't usually an effective way to ask for help.

I've compared your site in IE and FF and haven't noticed much of a difference at all, so I guess you've been working things out. If you have any specific questions regarding how to get the page to display the same in all major browsers, I'm sure people will help you solve the problem.

-- Sincerely,
Lamer Rebel

blah. Old posts

I understand the frustrations, trust me (I'm usually the other way around, though, getting my headaches over IE screwing things up ). But the last thing you want to do is leave alternate browsers off your list unless you want to loose a big chunk of potential visitors.

And don't be so quick to blame problems on the other browsers. IE has a tendency to "look the other way" when encountering coding errors that the more strict W3C compliant browsers won't ignore. Like I said before, just because you can validate it using a validator doesn't mean it's correct usage.

Opera has decided to arbitrarily add half an inch to the height of one of my cells on the on-site service page.

I can't see it? Which page? The main services page?

Firefox is just plain screwed. It messed up the CSS in my header, [..rant..]

How did it mess it up? Looks pretty much the same in FF, IE and Opera for me.

Then it screwed the footer up royally, setting several things off center and buggering up the CSS so bad that the hovers don't work, the colors are screwed up and the text is all different sizes.

<div class="foot"><p align="center"><font face="Arial"><big>IT Solutions for Home and
    Business</big></font></p>
    <p><a href="http://www.northernprotocol.com/sitemap.htm">sitemap</a> | <a
    href="http://www.northernprotocol.com/privacy.htm">privacy policy</a> | <a
    href="http://www.northernprotocol.com/terms.htm">terms</a> | <a
    href="http://www.northernprotocol.com/copyright.htm">copyright</a><br>
    </p>
    <p><small><small><small><small><font face="Arial">© 1999 - 2005 Northern Protocol Inc
    Computer Sales and Service</font></small></small></small></small></p>
    </div>

This is your HTML for your footer.
The offcenter is because, well, you didn't tell it to put the content centered. Only your first paragraph tag is centered, then you close it, and the rest are resulting in default left-alignment.

And many of your CSS issues will be fixed if you take out the HTML from your CSS files. You shouldn't have the <style>..</style> tags, nor the <!-- comments -->.

Ok.. An update. Now that I'm starting to cool off a bit.. :|

I have most things working, but a couple of things are still problems.

Firefox: Ignoring the font-size command for the links in the footer. They are supposed to be 8px. Can't figure that out.

Arbitrary spaces between the cells in the contact form on the contact page. Look at it in IE. You'll see what I mean.

The Contact and Articles link are highlighted and underlined when you first connect to the webpage, but are fixed after you click each of the links.

Arbitrary cell padding in the performance tip table on the on-site solutions page. I have no idea how to get rid of this, as IE does not do it and there is no logical explanation for it.

Opera. Arbitrary cell padding in the performance table on the on-site solutions page as well.

Arbitrary spacing between the cells in the contact form.

Any help would be appreciated.

Originally Posted by Chroder

And many of your CSS issues will be fixed if you take out the HTML from your CSS files. You shouldn't have the <style>..</style> tags, nor the <!-- comments -->.

Holy *%&# you did it! lol. I removed the comments and now the footer links work properly. You're a genius. Thank you.

No problem. Let's see if we can fix the rest of them now.

Firefox: Ignoring the font-size command for the links in the footer. They are supposed to be 8px. Can't figure that out.

Did you fix this already? Seems like it's working now.

Arbitrary spaces between the cells in the contact form on the contact page. Look at it in IE. You'll see what I mean.

The spaces are because of the paragraph (<p>) tags you have wrapping the text, I think. The paragraph tags adds a bunch of padding by default. Try removing them. You'll probably find the cells too close together after you do that, so then try adding some cellspacing/cellpadding to the table containing the form (on line 72, I believe).

The Contact and Articles link are highlighted and underlined when you first connect to the webpage, but are fixed after you click each of the links.

Seems you fixed this too?

Arbitrary cell padding in the performance tip table on the on-site solutions page. I have no idea how to get rid of this, as IE does not do it and there is no logical explanation for it.

Opera. Arbitrary cell padding in the performance table on the on-site solutions page as well.

Again, probably because of the <p> tags.


You might try using CSS to take away the padding on the <p> tags:

p { padding: 0; margin: 0 }

But you use them in a lot of places, so it might screw stuff up even more

Yeah, the p tag thing screwed up the whole website, but I used a <div class=""> tag around the form field first and then voila!! It works perfectly. w00t!! I used a padding of five and a cell padding of five so that it wasn't too crowded.

Thank you very much for all your help. I am much happier now.

How do I get away without using <p> tags for text?

What do you mean? You don't require <p> to place text.

Originally Posted by Chroder

What do you mean? You don't require <p> to place text.

Yeah, I got it. Frontpage was insisting that they be there, so I just deleted them with Notepad and all was well. Now my site looks the same in all three browsers. I'm very pleased, but now I'm bored. Time for my next website revision. lol

lol Good luck, we'll still be here next time if you need help again

Originally Posted by Chroder

lol Good luck, we'll still be here next time if you need help again

Thanks

By the way, this is off topic, I noticed that you are from Toronto. I'd be curious to know which part of Toronto. I'm from Barrie, not far north of you on the 400.

I'm actually from Oakville, but no one knows where it is so I say Toronto

Ah yes. I know where that is. I used to live in Burlington (right next door) and Hamilton, along with several other places. Cool. Down the 400 and across the 401, down the 427 and across the QEW and I'm right there

Anyways, I appreciate your help, and it's interesting that you live so close.