I based my theme off of the friendselectric theme.

On Firefox 1.5 (mac), it looks how it's supposed to (well, as close as I could get it), here's a link to that image: http://www.portlandjisp.org/firefox.png

On IE (mac), it doesn't look right, also, I don't have a PC with me right now, but on a Windows IE it also looks similar. Here's a link to that image: http://www.portlandjisp.org/ie.png

Any help would be much appreciated. Thanks!

CSS file for the theme is here: http://www.portlandjisp.org/themes/jisp/style.css

And this is the page.tpl.php file:

<!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" lang="<?php print $language; ?>" xml:lang="<?php print $language; ?>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title><?php print $head_title ?></title>
<?php print $head ?><?php print $styles ?>
</head>
<body>
<div id="pagewrap">
<div id="headerwrap">
  <div id="ltheaderwrap">
    <div id="rtheaderwrap">
      <div id="headercontentwrap">
        <div id="headercontent">
          <div id="headertitle">
            <?php if ($site_name): ?>
            <a href="<?php print $base_path ?>" title="<?php print t('Home') ?>"><?php print $site_name ?></a>
            <?php endif; ?>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="menuwrap">
  <div id="ltmenuwrap">
    <div id="rtmenuwrap">
      <div id="menucontentwrap">
        <div id="top-nav">
          <?php if (isset($primary_links)): ?>
          <ul>
            <?php foreach ($primary_links as $link): ?>
            <li><?php print phptemplate_wrap_links($link, 2); ?></li>
            <?php endforeach; ?>
          </ul>
          <?php endif; ?>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="bodywrap">
  <div id="ltbodywrap">
    <div id="rtbodywrap">
      <div id="bodycontentwrap">
        <div id="bodycontent"><div class="sidebar">
          <?php if ($sidebar_left != ""): ?>
          <div id="sidebar-left">
            <?php 
        // Mark first block title
        list($a, $b) = explode('<h2>', $sidebar_left, 2);
        print $a . '<h2 class="first">' . $b;
      ?>
          </div>
          <?php endif; ?></div>
          <div id="maincontent"><br />
            <?php if ($title): ?>
            <h2 class="main-title"><?php print $title; ?></h2>
            <?php endif; ?>
            <?php if ($tabs): ?>
            <?php print $tabs; ?>
            <?php endif; ?>
            <?php if ($help): ?>
            <p id="help"><?php print $help; ?></p>
            <?php endif; ?>
            <?php if ($messages): ?>
            <div id="message"><?php print $messages; ?></div>
            <?php endif; ?>
            <?php print phptemplate_wrap_content($content) ?> </div>
          <br />
          <br clear="all" />
        </div>
      </div>
    </div>
  </div>
  <div id="footerwrap">
    <div id="ltfooterwrap">
      <div id="rtfooterwrap">
        <div id="footercontentwrap">
          <div id="footercontent">
            <?php if ($footer_message): ?>
            <?php print $footer_message; ?>
            <?php endif; ?>
            <br />
            Website by: <a href="http://www.amarimono.com/" title="Amarimono" target="_blank">Amarimono</a></div>
        </div>
      </div>
    </div>
  </div>
</div>
<!--    <?php print $breadcrumb ?>--></div>
</body>
</html>

Comments

mfredrickson’s picture

Hi-

The problem is that something (perhaps the node div) has the "clear: both" property applied. Since your menu bar is floated to the left, your content "clears" the menu bar and appears after it on the page.

Chances are, this is because of the misc/drupal.css file. There are descriptions on this site on how to keep that file from being included in your theme. Alternatively, if you can find the CSS class that has the clear: both property, you can just override it in your theme.

One last option: if you float your main column to the left, that should solve this problem (but it may cause other issues). Clears within floats do not have the same effect.

HTH,
-Mark