Forums

erik31

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.html

I'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


<!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)

/* 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 */

apostrophe

For embedding Flash in a webpage I would either use http://code.google.com/p/swfobject/ or http://flowplayer.org/tools/flashembed.html

treehouse : what would you like to learn today?

Forums

Header & Footer Problems in Internet Explorer