Solved

Div link does not work properly

Posted on 2015-01-19
1
71 Views
Last Modified: 2015-01-27
Hi,

I got a small issue with a page.
I'm using the following CSS to make a div clickable:
.divclick {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

Open in new window


This works great in Chrome etc., but not in IE.
In IE the "text" in the div is not clickable. How can I fix that?
I have tried to make the div a higher z-index, but that does not work.

<td style="position:relative;">
	<?php echo $old_fetch['id']; ?>
	<a class="divclick" href="/c/<?php echo $old_fetch['id']; ?>.html"></a></td>

Open in new window

0
Comment
Question by:kgp43
1 Comment
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 500 total points
ID: 40558131
Thers is not text in the link, and you will not get any height in IE if you have no content. Put a non-breaking space in the link:

<a class="divclick" href="/c/<?php echo $old_fetch['id']; ?>.html">&nbsp;</a>

And that should give IE what it needs to expand the size of the box for the link.

Cd&
0

Featured Post

ScreenConnect 6.0 Free Trial

Explore all the enhancements in one game-changing release, ScreenConnect 6.0, based on partner feedback. New features include a redesigned UI, app configurations and chat acknowledgement to improve customer engagement!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

831 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question