Can't hide "Skip to content" link in IE 7

**ekv320** · 03-16-2009, 07:16 PM

Hello all,
I'd love to get some advice on how to hide a "skip content" link in Internet Explorer 7. The link is hidden at the top of the page in all the other browsers I tested, but in IE 7 it is showing up as its own separate line (above the web page, rather than floated to the left as I specified in the CSS).

Here's the CSS I'm using:

Code:

.skiplink{ float:left; color:#792711; padding-left:5px; }
.skiplink:focus, .skiplink:hover { color:#fff6dc; padding-left:5px; }

And the markup:

HTML Code:

<body>
<a href="#content" class="skiplink">Skip to content</a>
....
<div class="maincontent">
<a name="content"></a>
...

Here's my web page if it helps: http://calligraphyqalam.com/index2.html

Thanks in advance for any help you can give me!
Elisabeth

**Snookerman** · 03-16-2009, 07:53 PM

You have a conditional comment with a stylesheet for IE users only:

Code:

<!--[if IE]><link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->

that stylesheet does not contain the style code for the skiplink.

Good luck!

**ekv320** · 03-16-2009, 08:11 PM

Thank you so much! It worked.

**Snookerman** · 03-16-2009, 08:24 PM

You're welcome, glad to help!
You can go to your first post in this thread, click

then click Go Advanced and add the Resolved prefix to the thread title.
This will let other users know the problem has been solved.

Good luck with your site!

Thread: Can't hide "Skip to content" link in IE 7

Thread Tools

Search Thread

Can't hide "Skip to content" link in IE 7

Bookmarks

Bookmarks

Posting Permissions