Can anyone tell me why my image/link isn't cross browser, and how to fix it?

A

ARMYFRENCHY

New Member
http://www.gochtovttusa.com/cl.html

It works fine in firefox but is all screwed up in chrome and IE, and I haven't even tried safari yet?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<style media="screen" type="text/css">
html, body {
background: url(img/msspfinal2.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#content {position:absolute; top:90%; height:90px; margin-top:-30px; margin-left:250px; /* negative half of the height */}


</style>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Majoris & Shannon Hospitality</title>
</head>

<body>
<div id="content">
<center><a href="mailto:[email protected]"><img src="img/contactus.jpg" /> </a>
</div>

</body>
</html>
 
chrishirst

chrishirst

Well-Known Member
Staff member
XHTML DTD plus an unclosed <center> tag which hasn't been valid in ANY DTD since 1999.

position: absolute; used for no good reason whatsoever?

Fix those first.
 
chrishirst

chrishirst

Well-Known Member
Staff member
Ok so you don't want to fix the problems then.

What would you like telling, that your code is perfect and is not going to cause any cross browser issues???
 
Phreaddee

Phreaddee

Super Moderator
Staff member
of course thats what he wants. he wants someone to
1. tell him he's wonderful
or
2. spoon feed him the answer.

some people never listen and are just arrogant idiots.

don't know why we even bother trying to help sometimes...

For the record you shouldn't be using <center> ever.
like chris said it's redundant.
and you've not closed it off.

the problem is you, not those trying to offer advice. advice you should take.
 
You must log in or register to reply here.
Top