Hello,
Hoping you might be able to help.
My website crashes (HTML and CSS below), but only in IE6. It works fine in Safari, IE7, Firefox.
I think there is a glitch in the CSS coding, but don't know what. It appears to fail while loading index3, index4, and/or index5.
Any ideas what the issue might be, or how I need to code differently?
Many thanks!
==========================================
Hoping you might be able to help.
My website crashes (HTML and CSS below), but only in IE6. It works fine in Safari, IE7, Firefox.
I think there is a glitch in the CSS coding, but don't know what. It appears to fail while loading index3, index4, and/or index5.
Any ideas what the issue might be, or how I need to code differently?
Many thanks!
==========================================
Code:
<!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">
<head>
<title>The Home Page of Blah</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style/index.css" type="text/css" />
</head>
<body>
<div id="content">
<div id="index1">
</div>
<div id="index2">
<img id="index02" src="images/index/index02.gif" alt="" width="1020" height="451" />
</div>
<div id="index3">
<a href="http://blahblah.typepad.com/marketing/" />
<img id="index04" src="images/index/index04.gif" alt="" width="338" height="30" />
</div>
<div id="index4">
<a href="http://www.blah.ca/pdf/annualreport.pdf" />
<img id="index06" src="images/index/index06.gif" alt="" width="338" height="19" />
</div>
<div id="index5">
<a href="weddinghome.html" />
<img id="index07" src="images/index/index07.gif" alt="" width="338" height="24" />
</div>
<div id="index6">
</div>
</div>
</body>
</html>
===================================================
body {
background-color: #000000;
padding:20px;
margin:0px;
text-align: center;
}
img {
border: 0px;
}
#content {
text-align: left;
vertical-align: middle;
width:1020px;
margin: 0px auto;
padding: 0px;
background-color: #bed876;
}
#index1 {
height:50px;
width:1020px;
background-color: #bed876;
}
#index2 {
top:71px;
left:0px;
width:1020px;
height:451px;
}
#index3 {
text-align:center;
margin-left:auto;
margin-right:auto;
}
#index4 {
text-align:center;
margin-left:auto;
margin-right:auto;
}
#index5 {
text-align:center;
margin-left:auto;
margin-right:auto;
}
#index6 {
background-color: #bed876;
height:30px;
width:1020px;
}