Ad:

HTML and CSS Discussion Thread
Unsolved
Views: 706

Feb 11th, 2009

Issues In IE

Expand Post »

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

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.

Similar Threads

ASP.NET and Mozilla - Issues! in ASP.NET
old issues with AGp 8x on ATI 9800/600Xt models? in Monitors, Displays and Video Cards
Counter issues in C
Redhat Enterprise and iowait issues in Linux Applications and Software
SuSE 9.1 - Minor issues in Linux Applications and Software

!Unreal

Reputation Points: 11

Solved Threads: 2

Junior Poster

Offline

112 posts
since Dec 2007

Permalink

Feb 11th, 2009

Re: Issues In IE

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

almostbob

Reputation Points: 562

Solved Threads: 368

Posting Maven

Offline

2,970 posts
since Jan 2009

Permalink

Feb 11th, 2009

Re: Issues In IE

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

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

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>

cmills83

Reputation Points: 37

Solved Threads: 1

Posting Whiz in Training

Offline

249 posts
since Jun 2004

Permalink

Feb 17th, 2009

Re: Issues In IE

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

MidiMagic

Reputation Points: 730

Solved Threads: 181

Nearly a Senior Poster

Offline

3,314 posts
since Jan 2007

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in HTML and CSS Forum Timeline: CSS questions

Next Thread in HTML and CSS Forum Timeline: 15 Very Important Steps

DaniWeb Message

Cancel Changes

User Name
Password