Div outside wrap issue

[timmytots]

I'm trying to get the red 'year' tag to fit exactly on the right edge of my magazine:

www.timothy-clark.com/mag

It works on my Safari but not on pc. CSS:

#year {
position: absolute;
right: 0px;
left: 775px;
margin: 0 auto;
padding: 0;
width: 25px;
}

Help please.

[Ryan Fait]

If only I had a PC to test on. Try something like this:

Code: Select all

#year {
    position: absolute;
    right: 0;
    left: 775px;
    width: 25px;
    height: 80px;
    margin: 0;
    padding: 0;
    display: block;
}

[Ryan Fait]

Setting margin and padding to zero isn't necessary if the tag doesn't have any other CSS applied to it conflicting with those two, but I thought I'd add it just in case.

[timmytots]

thanks a lot. i'll test it out and get back.

[timmytots]

no, hasn't worked. that's made it do what it does on the pc, on my mac.

[Ryan Fait]

Oh, I see the problem. You can't center something that absolutely positioned. Safari is apparently more forgiving than other browsers, but that's not how CSS works.

You don't seem to have a wrapper at all. Try putting everything in the header in a wrapper. Then you'll have a foundation for the year tag to be positioned correctly.