Page will load fine in IE, but looks goofy in Mozilla Options

[bas_terpstra]

Hi, I've been working on a website for some time, and used IE for instant feedback. When I finally got it right, I opened the page in Mozilla and it looked all goofy. I have no idea why, maybe it's just a tiny thing I will have to change but I just can't get my head around it. Please see www.folkertbuis.com/alsdekat/index.php.

PS, the PHP in this page is minimal, it's only in the center div and is there to create a similar effect as iframe.

Anyway, please help because I'm lost

[pandy]

The gaps in the menu? See Eric Meyer's article.
http://developer.mozilla.org/en/Images,_Ta...Mysterious_Gaps

Frankly, it looks a little goofy in IE too on my 1024*768 screen, even in a full window, since the content is off so far to the right.

[bas_terpstra]

Thanks a lot, it's changed the site so it looks good in Mozilla, as well as Chrome. However, it's now looking kind of dodgy in IE! Please advise..

www.folkertbuis.com/alsdekat/site2/index.php

[Darin McGrew]

I recommend that you start by fixing the markup errors and CSS errors reported by the online tools. It will help if you make up your mind whether you're using XHTML or HTML, and whether you're using Transitional or Strict.

[bas_terpstra]

Thanks a lot, I really appreciate your help and it worked

[bas_terpstra]

One more thing, when I alter the line-height in my CSS-file, Mozilla gets it and displays the page accordingly. However, IE seems to ignore the line-height so all the lines look really close to each other. Please see www.alsdekat.nl -> Producten.

[pandy]

Looks as close in both to me. Too close to read comfortably.

You shouldn't use BR tags like that. The line will wrap automatically. Look what happens when you increase the text size in the browser, something I need to do to be able to read the text at all. In IE that can't resize the pixel sized text it's a real strain to read it. Probably I wouldn't bother.

[Frederiek]

Besides, setting the line-height equal to the font-size is typographically incorrect.
Go see http://webtypography.net/.

[Dag]

Go see http://webtypography.net/.

There nothing to be seen. Better not. Today, there are "sources" and Sources. This one, with stollen name, is not worth of reading. Better read Oliver Strunk: http://orwell.ru/library/others/style/english/

[Frederiek]

Go see http://webtypography.net/.

There nothing to be seen. Better not. Today, there are "sources" and Sources. This one, with stollen name, is not worth of reading. Better read Oliver Strunk: http://orwell.ru/library/others/style/english/

??

[bas_terpstra]

I can change around the line-height as much as I want, but it doesn't change at all in IE while it does in Mozilla. And the strange thing is that when I removed the <br> tags, it doesn't even show the line under 'hier' so it looks like the lower two or three pixels under the baseline have vanished.

By the way, thanks for your help so far

[pandy]

The line height looks alright in my IE. Maybe you viewed a cached copy of the page? If the underline on the link dissappeared you must have removed something more than the BR tag.

BTW, you don't need those SPANs just to have something to hang the class on. Use it directly with the TD instead. You can have multiple classes, class="class1 class2".

[Frederiek]

It seems you have turned the text into an image now!? Not a very good idea for multiples reasons (no text resize for visual impaired, indexation by search engines).
Of course, you can't change the line-height of text in an image.

Besides, both URL's you posted still suffer from the same markup and CSS errors.