Previous Message
Next Message

Background images for H1 not aligning in Win/NS

Sent by Michael Landis on 25 January 2004 21:09


Dan wrote (about http://www.danwasthere.com/serco/case_studies/test.html):

> I'm trying to set a background image on my H1 tags, so that the image
> is right justified and nudged down a little bit.
> So far this looks great in Opera and IE6, but in NS7 and NS6.2 they
> both display in the bg image too far to the left and not vertically
> placed as nicely as the other browser manage it. This is on Win 98 btw.
> Is this is an NS browser bug, or is it a problem with my CSS?

Hi, Dan, welcome to the list!

As it happens, it is a CSS thing -- Opera and IE 6 are being more forgiving
than Netscape/Mozilla.

Looking at the specs about background positions[1], it notes that you can't
mix keywords and numeric dimensions. Currently your background image CSS
has the position rule

background-position:right -0.3em;

If you replace that with

background-position: 100% -0.3em;

everything should work fine.

HTH,

MikeL

[1] http://www.w3.org/TR/REC-CSS2/colors.html#propdef-background-position

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Possibly related: