Support » Themes and Templates » DIV layers in Internet Explorer…

  • Resolved renceleste


    One would think that I should have conquered this issue already, seeing as every WP theme I’ve ever made has required a special stylesheet for IE.

    My website address is:

    The problem is one I’ve encountered many times, DIV layers that work perfectly in Firefox… and go haywire in Internet Explorer. My latest theme/project is supposed to be one column centered on the page, with a separate “box” for each post. All I want is a series of blue boxes with white borders. This is how it’s supposed to look: (and it works in Firefox.)

    Here’s a screenshot of the same thing in IE. I included a black border around one DIV layer, just for visual reference whenever I edit the CSS.

    Both stylesheets (Firefox and IE) proved valid when I checked them here:


    Here’s the coding in my index template:

    <?php include('/home/rustedbr/public_html/asphyxiate/wp-content/themes/testing/header.php'); ?>
    <title>&nbsp; &nbsp &nbsp; Asphyxiate ! INFO</title>
    <style type="text/css">body{
    background-color: #B2D7D3;}
    <!--[if IE]>
    <style type="text/css">
    .the_content {
    margin-top: -19px;
    margin-bottom: -19px;
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <div class="whitebox">
    <div id="bluebox">
    <h1><?php the_title(); ?> <?php edit_post_link(__('Edit This')); ?></h1>
    <div class="post" id="post-<?php the_ID(); ?>">
    <div class="the_content">
    <?php cm_the_moods(' and ', '<p><b>Mood:</b> ', '</p>'); ?>
    <?php the_content(__('(more...)')); ?>
    <h3><div class="feedback">
    		 <?php wp_link_pages(); ?>
    	<br /></h3></div></div>
    <h2><img src="!/images/pencil2.gif" border="0"><?php the_date('','',''); ?>
    &nbsp;&nbsp; <img src="!/images/clock.gif" border="0"><?php the_time() ?>
    &nbsp;&nbsp; <img src="!/images/file.gif" border="0"><?php the_category(', ') ?>
    &nbsp;&nbsp; <img src="!/images/heart.gif" border="0"><?php comments_popup_link(__('COMMENT'), __('1 COMMENT'), __('% COMMENTS')); ?></h2>
    <?php comments_template(); // Get wp-comments.php template ?>
    <?php endwhile; else: ?>
    <p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
    <?php endif; ?>
    <?php posts_nav_link(' — ', __('&laquo; Previous Page'), __('Next Page &raquo;')); ?>

    Can someone please tell me what I’m doing wrong? Thanks in advance!

  • The topic ‘DIV layers in Internet Explorer…’ is closed to new replies.