HTML and CSS

Issues In IE

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Dec 2007

Posts: 112

Reputation: !Unreal is an unknown quantity at this point

Solved Threads: 2

!Unreal

Offline

Junior Poster

Issues In IE

Feb 11th, 2009

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

 Help with Code Tags 
 HTML Syntax (Toggle Plain Text) 
<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>
<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>

Last edited by !Unreal; Feb 11th, 2009 at 4:21 am.

•

Join Date: Jan 2009

Posts: 1,396

Reputation: almostbob has a spectacular aura about

Solved Threads: 170

almostbob

Offline

Nearly a Posting Virtuoso

Re: Issues In IE

Feb 11th, 2009

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

Failure is not an option It's included free, you don't have to do anything to get it
If at first you dont succeed, join the club
Of course its always in the last place you look, you dont keep looking after you find it

Please mark solved problems, solved

•

Join Date: Jun 2004

Posts: 247

Reputation: cmills83 is an unknown quantity at this point

Solved Threads: 1

cmills83

Offline

Posting Whiz in Training

Re: Issues In IE

Feb 11th, 2009

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

Help with Code Tags

HTML and CSS Syntax (Toggle Plain Text)

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

and the html

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
</head>
<body>
<div class="partdiv"><a href="{param}"></a></div>
</body>
</html>
</head>
<body>
<div class="partdiv"><a href="{param}"></a></div>
</body>
</html>