Hi Georg,

Your right, it does work with anchors. My solution does not work in IE 6,
and the problem with your solution is that it changes the layout of the
rest. 

Your solution Only works in IE 6 if the anchor contains something ie
'testing'. 

Any ideas?

Nic

-----Original Message-----
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Gunlaug Sørtun
Sent: 21 June 2008 11:52
To: [EMAIL PROTECTED]
Cc: [email protected]
Subject: Re: [css-d] Fixed div and Anchors

Nic Pulford wrote:

> It took some working out as it does not work with an anchor, you need
>  a div Then if the height of the header is 50px then the div style 
> should be margin-top: -50px; height: 50px; width: 1px; it then goes 
> fine for right at the top. By increasing both values you can bring 
> the anchor point down a bit which is good.

It does work with an anchor if the display property is set correctly.
Both 'display: block' and 'display: inline-block' will make an anchor
controllable.

Try this...

#item4 {display: inline-block; padding-top: 100px!important; width: 10px; }

<a id="item4"> testing </a>

...and you'll get the desired effect in all supporting browsers.
Add offset that suits the actual layout.

regards
        Georg
-- 
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to