Ive got a button which works fine in FF but not in IE.

All it is is a hyperlinked div. But IE users can't click the button.

Anyone know a work around for this. Im not very experienced in cross-browser coding :confused:

<html>
<head>
<style type="text/css">
	.partdiv {
	background-image: url('http://www.theflickzone.com/movieimages/part.png');
	padding-left: 75px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
        color: #000;
        text-decoration: none;
        width: 150px;
        height: 50px;
	}
</style>
</head>
<body>
<a href="{param}"><div class="partdiv">{option}</div></a>
</body>

</html>

<a class="partdiv" href="{param}">{option}</a>

yeah dont link divs, its not x-browser friendly,
add this:

.partdiv {
position:relative;
}
.partdiv a {
width:150px;
height:50px;
display:absolute;
top:0;
left:0;
display:block;
}

and the html

</head>
<body>
<div class="partdiv"><a href="{param}"></a></div>
</body>
</html>

Div is a block tag. A is an inline tag. You can't put block tags inside inline tags.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.