Posted by John Hosking on 05/22/07 23:46

Knut Krueger wrote:
>
> http://s013w22.srv13.mw-internet.net/test
>
> does anybody knows the why Firefox and IE are showing the page different?
> Mozilla has an unwanted space between the blue banner and the text
> containers.

Try margin-top:0; for your h3 rule?

> In IE is the background image behind the repeated background image from
> the right text.
> There are no HTML or CSS errors in the validation.

Maybe not in the validation. But where you have:

#introduction p {
font: italic 12pt/22pt thahoma;
margin: 10px 10px 10px 10px;
text-align:center;
}

I think you might be happier with something like:

#introduction p {
font: italic 1em/1.9 Tahoma, sans-serif;
margin: 10px;
text-align:center;
}

Note that I have used em instead of pt, and 1.9 instead of the roughly
equivalent 22pt, which in either case is a relatively large value. This
is all beside the point, though: the correct font name is more
important, and the generic fall-back font-family helps when Tahoma (or
thahoma ;-) ) is not available to the user. (And: you can also use a
shorthand notation for the four margin values since they are identical.)

HTH
--
John

[Back to original message]