Mozilla and Internet Explorer have a serious disagreement
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.
Sincerely yours,
Kristjan Siimson
Renegade posted this at 01:01 — 4th February 2005.
He has: 3,022 posts
Joined: Oct 2002
Have you tried validating your HTML and CSS? Seems like you are missing a
Zeus posted this at 10:29 — 4th February 2005.
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.
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.
EDIT2:
Doest anyone know how to add some spacing between lines? It'd be easier to read!
Solved: Used line-height.
andy206uk posted this at 15:24 — 4th February 2005.
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
Zeus posted this at 15:56 — 4th February 2005.
He has: 16 posts
Joined: Feb 2005
Ok now real layout problem. What should I do with menu? It's too boring right now. :-/
andy206uk posted this at 17:00 — 4th February 2005.
He has: 1,758 posts
Joined: Jul 2002
I would loose the border around the menu for starters.
Zeus posted this at 17:08 — 4th February 2005.
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.
Zeus posted this at 21:41 — 4th February 2005.
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!)
andy206uk posted this at 23:33 — 4th February 2005.
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.
Zeus posted this at 23:41 — 4th February 2005.
He has: 16 posts
Joined: Feb 2005
And I thought it's based on IE all the time.
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).
NewTechGuy posted this at 01:33 — 6th February 2005.
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)
Zeus posted this at 11:36 — 6th February 2005.
He has: 16 posts
Joined: Feb 2005
Thanks for your reply!
Unfortunately it wasn't any help. But what is "!important" supposed to do?
Zeus posted this at 20:18 — 6th February 2005.
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.
NewTechGuy posted this at 21:56 — 6th February 2005.
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
NewTechGuy posted this at 22:29 — 6th February 2005.
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
Zeus posted this at 07:08 — 7th February 2005.
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.
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.