I've been having some problems with my header and footer on a few pages in internet explorer. Everything formats perfectly in Firefox, Safari, and Opera, but I can't seem to get it to work in Internet Explorer. Here are the pages I'm talking about:
http://www.anyhumanheart.com/wordpress/http://anyhumanheart.com/erik_reel.htmlI'm testing on a mac using the software alkaline, which takes a screen grab of the page running on internet explorer. Don't have much web design experience, more of a film/video guy, but really trying to get this website up as soon as possible. Any help/ideas would be greatly appreciated. Thanks!
-Erik
erik_reel.html
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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Post Millennium</title>
</head>
<style type="text/css">
body {
background: #000000;
height:100%;
overflow: hidden;
margin: 0;
padding: 0;
}
html {
height:100%;
overflow: hidden;
margin: 0;
padding: 0;
}
#inneriframe
{
background-color: #000000;
width:100%;
height:102%;
margin-bottom: -190px;
padding: 0;
}
#footer {
position: absolute;
bottom: 0;
width: 100%;
color: #626262;
height: 50px;
}
</style>
</style><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="100%" height="50">
<param name="movie" value="http://localhost/postmillennium/reeltop.swf" />
<param name="quality" value="high" />
<embed src="/eriktop.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100%" height="50"></embed>
</object>
</div>
</div>
</div>
<body>
<iframe src="erikmiddle.html" id='inneriframe' height="100%" width="100%" scrolling="no" frameborder="0" ></iframe>
</body>
</html>
<div id="footer">
<div align="right">
<p></style><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="100%" height="25">
<param name="movie" value="http://localhost/postmillennium/reelbottom.swf" />
<param name="quality" value="high" /> <param name="wmode" value="transparent" />
<embed src="/reelbottom.swf" quality="high" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100%" height="25"></embed>
</object>
</div>
</div>
</div>
wordpressstyle.css (just the structure section)
CODE
/* Begin Structure */
body {
margin: 0;
padding: 0 0 20px 0;
overflow:hidden;
}
#page {
margin: 0px auto;
padding: 0;
width: 90%;
}
#header {
margin: 0 auto;
height: 200px;
width: 50%;
}
.narrowcolumn {
float: left;
padding:;
margin: 0px 0 0;
width: 450px;
}
.widecolumn {
margin: 5px 0 0 150px;
width: 450px;
}
.pagepost {
margin:10px;
border-top: 1px solid #111;
}
.post {
text-align: left;
border-top: 1px solid #111;
}
.widecolumn .post {
margin: 0;
}
.narrowcolumn .postmetadata {
padding-top: 10px;
}
.widecolumn .postmetadata {
margin: 0px 0;
}
#footer {
position: absolute;
bottom: 0;
width: 95%;
color: #626262;
height: 50px;
#footer p {
padding: 0;
}
/* End Structure */