Mozilla and Internet Explorer have a serious disagreement

He has: 16 posts

Joined: Feb 2005

Hello,

I am making a website (http://www.kix.aboho.com/jfs) and it seems, that Mozilla Firefox and Internet Explorer render my website differently. Any easy solution to solve that?

If there isn't any easy solution, I'd be happy with difficult one too. Sticking out tongue

Sincerely yours,
Kristjan Siimson

Renegade's picture

He has: 3,022 posts

Joined: Oct 2002

Have you tried validating your HTML and CSS? Seems like you are missing a Smiling

He has: 16 posts

Joined: Feb 2005

Interesting, I didn't even notice that I was missing a TR. Thanks for pointing that out. And even more interestingly, a missing TR didn't change how the site is rendered. Laughing out loud

But that wasn't the problem. My problem was that on right from header image theres no border on IE (at least on Konqueror there isn't) and another bug - a line break in menu.

EDIT:
Problem solved. I removed header table and did put everything into TD and with CSS I made one image float left and another one to right. Code cleaner, less problems. Also I solver the list problem with specifing navigation column's width. Although it'd be better, if that problem wouldnt come up again if to make text larger. I'd be happy if anyone had an antidote for that. Laughing out loud

EDIT2:
Doest anyone know how to add some spacing between lines? It'd be easier to read!
Solved: Used line-height.

He has: 1,758 posts

Joined: Jul 2002

yup... set the line-height using css.

http://www.w3schools.com/css/pr_dim_line-height.asp

He has: 16 posts

Joined: Feb 2005

Ok now real layout problem. What should I do with menu? It's too boring right now. :-/

He has: 1,758 posts

Joined: Jul 2002

I would loose the border around the menu for starters.

He has: 16 posts

Joined: Feb 2005

Yes, right. It wasn't a very good idea to add a border. Thx, much better! Now I have to figure it out maybe I can make it even nicer. Smiling

He has: 16 posts

Joined: Feb 2005

Another bug in IE. I wouldn't had excepted that. The guitar is all around my site although i have repeat: no-repeat. help!!!! :eek:

(If theres a problem in Konqueror instead (it's ie based browser), tell me!)

He has: 1,758 posts

Joined: Jul 2002

Konqueror isn't based around IE, it has it's own unique rendering engine which is also used by Safari for the mac.

He has: 16 posts

Joined: Feb 2005

And I thought it's based on IE all the time. Sticking out tongue
But is there a problem with IE then? I haven't seen it on IE then if Konqueror is not IE based.

[If anyone knows how to fix this Safari problem, help. Although it's not that important any more. Dont know how many Mac users will visit that site (and how many from these ~0,001% visitors use Safari). Laughing out loud

He has: 57 posts

Joined: Dec 2004

Not sure if this will solve your Safari issue but try the following code for your guitar picture...

background-repeat: no-repeat !important;

(be sure to keep the exclamation mark in place)

He has: 16 posts

Joined: Feb 2005

Thanks for your reply!

Unfortunately it wasn't any help. But what is "!important" supposed to do?

He has: 16 posts

Joined: Feb 2005

http://www.kix.aboho.com/jfs/helikandjad.php

On rollovers, something very weird happens with images positions. At least in Firefox.

He has: 57 posts

Joined: Dec 2004

The !important declaration is like giving a "VIP" status to a declaration. It means that the browser will generally not allow it to be overridden by any other styles that may be the default on some browsers. In this case it didn't work...Hmmm

He has: 57 posts

Joined: Dec 2004

After going through your code I noticed that your first "table id" after the body tag has an incorrect spelling of <--- the word table is spelled wrong. Was this on purpose? (could it be a different language?)

I looked at your webpage using both Internet Explorer and Mozilla and you're right. Mozilla does not center the table but instead places it to the left. Try a possible quick fix for your webpage to see if it corrects the issue.

Place a tag right after the tag and right before the first tag. Then, at the bottom of your page just before the closing tag for place the closing tag . Check to see if it is now centered in Mozilla.

This may NOT be the correct solution for todays code, but if it works then at least you've found the problem to which you could apply the correct code too later, if you want.

One more thing. The Document Type that your using (strict) is incorrect for your webpages. Replace it with the transitional one instead like the following ...

Good luck

He has: 16 posts

Joined: Feb 2005

Actually I fixed the problem with changing default opacity on Mozilla to 0.99 instead of 1.0. Very weird problem and solution though. Laughing out loud

The dude with long text, sorry I don't know what are you talking about.
My text is aligned as "justify" instead of left, center or right. I never wanted to align it to center! And my code perfectly validates as HTML 4.01 Strict, why should I change it?

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.