Grow your CSS skills. Land your dream job.

Header & Footer Problems in Internet Explorer

  • # June 11, 2009 at 1:11 pm

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




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

    # June 11, 2009 at 1:47 pm

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

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".