Previous Message
Next Message

Re: [css-d] IE links outline problem

Sent by Andrew Clover on 31 January 2002 18:06

ah, all right then:

Jonathan Bloy [EMAIL-REMOVED]> wrote:

> What can I do to get the dotted lines to stop at the border in IE?

It's happening because the width of the navigation div is still the
full width of the window; only the inline text is floated out of the way.
Since you've specified 'display: block;' on <a> their content areas still
begin on the left - indeed, you're relying on this to get the white bar
to stretch across the page. IE is highlighting the whole block, not just
the text.

Possible quick fix? Float the navigation div left too. You'll need to remove
the padding and margin on the content div or resize them into '%' so that
the whole width can add up to 100%. Also add a 'margin-right: -1px' to the
floated navigation div in order to avoid IE's rounding errors.

Another possibility would be to use 'position: absolute; right: 0;' to
position the right div, and a large right-margin on a statically-positioned
left div, thus avoiding the issue with floats.

Andrew Clover
Previous Message
Next Message

Message thread: