WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] IE shows no styling in the footer (2 posts)

  1. 1timothy412
    Member
    Posted 1 year ago #

    I am styling my own theme and am having some trouble with Internet Explorer. None of the styling for the HTML element "footer" is showing up in IE, although it look great in Firefox and Opera.

    IE is showing no styling at all in the footer. I've even tried an IE specific stylesheet, and while it works for everything else, the footer still refuses to cooperate.

    Here's my CSS (actual file path omitted):

    footer {
    	height: 200px;
    	background-image:url('http://-------.jpg');
    }

    And here's my footer.php file:

    <div class="clear"></div>
    </div>
    
    <footer>
    	<div id="copyright">
    		<p>Address: ------------------------    |    Phone: ------------     |    Fax: ------------   |    Email:<img id="email" src="http://-------/email-white-e1362761088669.png"/></p>
    		<div id="copyright-notice">
    			<span class="copyright-notice-1"><?php if (function_exists('bte_bc_tag')) { bte_bc_tag(); } ?></span>
    			<span class="copyright-notice-2"><p>  | Design by Sara Fraser.</p></span>
    		</div>
    	</div>
    </footer>
    <?php wp_footer(); ?></div>
    </body>
    </html>

    I realize that there can be issues regarding a background image in IE, so just to be sure, I tried applying a background color instead, but that didn't work either.

    I also deactivated all of my plugins to see if one of them might be causing the issue, but that doesn't appear to be the case, as I still experience the problem with no plugins activated.

    I'd really appreciate help, as I've spend a couple of days trying to figure this out.

  2. 1timothy412
    Member
    Posted 1 year ago #

    Okay, so I FINALLY figured this out. Here's what I learned for anyone else who finds this to be a problem. Apparently, IE8 and below do not support HTML5 which would include the <footer> element. So I wrapped everything in another div, and applied the above CSS to that div in an IE specific stylesheet.

    Here's my new footer.php file:

    <div class="clear"></div>
    </div>
    
    <footer>
    	<div id="div-for-bg-image">
    		<div id="copyright">
    			<<p>Address: ------------------------    |    Phone: ------------     |    Fax: ------------   |    Email:<img id="email" src="http://-------/email-white-e1362761088669.png"/></p>
    			<div id="copyright-notice">
    				<span class="copyright-notice-1"><?php if (function_exists('bte_bc_tag')) { bte_bc_tag(); } ?></span>
    				<span class="copyright-notice-2"><p>  | Design by Sara Fraser.</p></span>
    			</div>
    		</div>
    	</div>
    </footer>
    <?php wp_footer(); ?></div>
    </body>
    </html>

    Hope this can help someone else from spending days trying to figure out this problem.

Topic Closed

This topic has been closed to new replies.

About this Topic