School Assignment? Project Due Tomorrow? Chat LIVE With A Programming Expert!

Welcome to Dream.In.Code
Become an Expert!

Join 300,363 Programmers for FREE! Get instant access to thousands of experts, tutorials, code snippets, and more! There are 1,439 people online right now. Registration is fast and FREE... Join Now!




Header/Footer/CSS Problems in Internet Exploreer

 

Header/Footer/CSS Problems in Internet Exploreer

erik31

11 Jun, 2009 - 07:18 AM
Post #1

New D.I.C Head
*

Joined: 11 Jun, 2009
Posts: 2

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


User is offlineProfile CardPM
+Quote Post


crazyjugglerdrummer

RE: Header/Footer/CSS Problems In Internet Exploreer

11 Jun, 2009 - 09:45 AM
Post #2

YOUR AD HERE
Group Icon

Joined: 7 Jan, 2009
Posts: 677



Thanked: 94 times
Dream Kudos: 425
My Contributions
What exactly is the problem you're having? What does it look like, and what should it look like? Also, I may be missing something, but what the heck are all those extra body tags? You're not using frames, wrong DTD (thing in html element). You're actual webpage has iframes nested within each other and tons of body tags, I think you're wysiwyg editor is being mean to you. biggrin.gif
User is offlineProfile CardPM
+Quote Post

BetaWar

RE: Header/Footer/CSS Problems In Internet Exploreer

11 Jun, 2009 - 09:52 AM
Post #3

#include <soul.h>
Group Icon

Joined: 7 Sep, 2006
Posts: 4,729



Thanked: 269 times
Dream Kudos: 1400
My Contributions
Hm, not sure what the problem is. In IE 7 it looks fine (I think). Here is a screenshot:

Attached Image
User is offlineProfile CardPM
+Quote Post

hadi_php

RE: Header/Footer/CSS Problems In Internet Exploreer

12 Jun, 2009 - 12:41 AM
Post #4

D.I.C Regular
***

Joined: 23 Aug, 2008
Posts: 259



Thanked: 5 times
My Contributions
i have seen your screen shot ...... whatz the prob....?

whtever in your code

<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">


please end <p> tag
User is offlineProfile CardPM
+Quote Post

erik31

RE: Header/Footer/CSS Problems In Internet Exploreer

16 Jun, 2009 - 12:59 PM
Post #5

New D.I.C Head
*

Joined: 11 Jun, 2009
Posts: 2

QUOTE(hadi_php @ 12 Jun, 2009 - 12:41 AM) *

i have seen your screen shot ...... whatz the prob....?

whtever in your code

<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">


please end <p> tag


here is a screen video capture of how the pages look when it behaving properly.
http://anyhumanheart.com/reference.mov

this is what the wordpress section looks like in firefox/safari/opera, which is correct:

IPB Image

here's what it looks like in internet explorer
IPB Image

having similar problems with the "reel" pages as well. know it has something to do with the CSS, but cant figure out how to fix it. any ideas?



User is offlineProfile CardPM
+Quote Post

ultimateweb

RE: Header/Footer/CSS Problems In Internet Exploreer

27 Jun, 2009 - 12:23 AM
Post #6

New D.I.C Head
*

Joined: 24 May, 2009
Posts: 37



Thanked: 2 times
My Contributions
Upgrade your browser to IE 8 .They support higher CSS standards
User is offlineProfile CardPM
+Quote Post

Fast ReplyReply to this topicStart new topic

Time is now: 11/7/09 08:36PM

Live Help!

Be Social

Dream.In.Code RSS Feed Dream.In.Code LinkedIn Group Follow Us On Twitter Fan Us On Facebook

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

DIC Chatroom

Bye Bye Ads

Monthly Drawing

Thumb Drive

Top Contributors

Top 10 Kudos This Month