Page is a not externally linkable
- Code, Content, and Presentation
-- CSS
---- CSS problems with NC4: links won't work and pos:rel wrong offset


luma - 8:50 pm on Aug 8, 2002 (gmt 0)


Thought I could risk to post this in one message: The problems are related and if you want to check the code, you could just copy & paste it. Checked with Netscape Communicator 4.77 for Linux:

I would like to use a different background on links. This background should span the width of the column. background-color won't do it in Netscape 4, but using border:none and margin:0px should do the trick. There's only one problem: The links won't work any more (not clickable). Sample code:

<div style="position:absolut; left:0px; top:0px; width:200px;">
<a style="background-color:yellow; border:none; margin:0px" href="foo">short</a>
<a style="background-color:yellow; border:none; margin:0px" href="bar">very long link</a>
</div>

The next problem is even weirder: If using position:relative the link won't be clickable were it is displayed but instead if you point to the very left of the screen on that line, the link will be clickable. So there seems to be some offset problem.

<div style="position:relative; left:200px;"><a href="#foo">body link</a></div>

Using position:absolute would work. Is it just my NC or is this a known problem? And more important: Are there any work arounds that work in NC 4.7x?

PS: This is just sample code; the HTML and CSS code where I would like to use this does validate.


Thread source:: http://www.webmasterworld.com/css/274.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com