IE Vs Mozilla

Sketch · 11-09-2004, 04:09 AM

I have made a website http://www.rafelectronix.com and it works great in IE. But when it moves over to Mozilla it looks no where near as good, I have made the table highlight via the CSS Sheet.

Basically I want to know if anyone knows how to do the same thing for Mozilla so my site looks the same on both browsers, and seeing as Mozilla is becoming popular I think it is pretty important

littleFella · 11-09-2004, 02:12 PM

I looked at the site in IE, Mozxilla 1.7, FF 1.0 (yes, the one released today) and in Opera 7. The main page, and a few other pages I checked, display the same way across these 3 browsers.

Still, your pages do not validate using W3C standards. Take a look

Sketch · 11-09-2004, 04:07 PM

Yer I was looking at those Yesterday and I saw they didn't validate I was going to work on fixing them up soon, when I get the time.

I downloaded FF Today just now after you said there was a new version out and it doesn't seem to do the same thing...

As the image shows they show up differently

Sketch · 11-09-2004, 10:36 PM

Yay. After a bit of work I got them to look the same, although they still don't work the same, but I'm guessing that is because of Mozilla, you cannot click the table you must click the link. But ohh well, as long as they look the same I'm happy

evilregis · 11-26-2004, 09:06 AM

It's because you didn't declare it in the stylesheet. IE seems to be inferring what you want. In your stylesheet:

Code:

a.SideNav, a.SideNav:active, a.SideNav:visited {
...
}

Add:

Code:

display: block;

And that will then work as you want it to in compliant browsers.

A link is an inline element meaning it only take as much space as it is big. You have to tell the browser to render the link as a block for it to stretch its presence the full width.