This following page works in Firefox but not in Internet Explorer. Is there anyway I can make it work with both browsers?
CSS:
HTML:
I only gave the header CSS code because that is the only part I'm having the problem with.
---------------------------------------
TINSTAAFL, which is why I contribute.
CSS:
Code:
/**
* Main Style
*/
body,td,th,div {
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
}
body {
background-color: #E1D4C0;
margin: 0px;
}
/**
* DIV Header Style
*/
#head {
background: #143771 url(headbg.gif) repeat-x left top;
height: 70px;
text-align: center;
padding: 0px;
clear: both;
}
#head #hold {
margin: auto;
width: 850px;
clear: both;
padding: 0px;
}
#head #hold #left {
float: left;
width: 50px;
background: url(headl.gif);
height: 70px;
clear: left;
}
#head #hold #middle {
width: 742px;
background: url(head.gif) no-repeat left top;
height: 68px;
margin-right: 50px;
margin-left: 50px;
text-align: left;
vertical-align: top;
color: #FFFFFF;
padding: 2px 4px;
}
#head #hold #right {
background: url(headr.gif) no-repeat right top;
height: 70px;
width: 50px;
float: right;
clear: right;
}HTML:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/URL]
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml">[/URL]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="img/style.css" rel="stylesheet" type="text/css" />
<title>Flock</title>
</head>
<body>
<div id="head">
<div id="hold">
<div id="left"></div>
<div id="right"></div>
<div id="middle"><img src="img/logo.gif" width="178" height="70" /></div>
</div>
</div>
<div id="divider"></div>
<div id="content">
<div id="hold">
<p>Content.</p>
</div>
</div>
</body>
</html>I only gave the header CSS code because that is the only part I'm having the problem with.
---------------------------------------
TINSTAAFL, which is why I contribute.