Fehler bei der Anzeige

Bub · 01. Juli 2006

Hallo Leute.
Ich habe heute mal wieder ein Tabellenloses Layout erstellt.
Die Besonderheit? Es handelt sich um ein Template für Joomla.
Und jetzt zum Problem.
Der Internetexplorer der böse Wicht zeigt es mal wieder nicht richtig an....
Opera, Firefox, ... zeigen es korrekt an.

Also hier mal die URL zur Seite: http://www.kg-crew.de/joomla/

Und hier nur das Relevante ausm Quellcode:

xHTML:

PHP:

<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );?>
<!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">
<title><?php echo $mosConfig_sitename; ?></title>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<?php include ("includes/metadata.php"); ?>
<?php include_once ("editor/editor.php"); ?>
<script language="JavaScript" type="text/javascript"><!--function MM_reloadPage(init) {  //reloads the window if Nav4 resized  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();} MM_reloadPage(true);//--></script>
<?php initEditor(); ?>
<?php echo "<link rel=\"stylesheet\" href=\"templates/$cur_template/css/template_css.css\" type=\"text/css\">" ; ?>
</head><body>
<div class="container">
  <div class="header-top"></div>
  <div class="header-left">
    <?php mosLoadModules( 'banner', -1 ); ?>
  </div>
  <div class="header-middle"></div>
  <div class="header-right"></div>
  <div class="menu-top"></div>
  <div class="menu-left"></div>
  <div class="menu">
    <?php mosLoadModules('top',-2);?>
  </div>
  <div class="menu-right"></div>
  <div class="menu-bottom"></div>
  <div class="mainframe-container">
      <div class="mainframe">
      <div class="pathway">
        <?php mospathway() ?>
      </div>
      <div class="user-left">
        <?php mosLoadModules('left',-2);?>
        <?php mosLoadModules('user1',-2);?>
      </div>
      <div class="mainbody">
        <?php mosMainBody(); ?>
      </div>
    </div>
  </div>
  <div class="footer-left"></div>
  <div class="footer">
    <?php include_once( $mosConfig_absolute_path .'/includes/footer.php' ); ?>
  </div>
  <div class="samic-systems"></div>
  <div class="footer-right"></div>
  <div class="footer-bottom"></div>
  <?php mosLoadModules( 'debug', -1 );?>
</div>
</body>
</html>

CSS:

Code:

html {
height: 100%;
}

body {
height: 100%;
margin:0;
padding:0;
font-family: verdana, arial, sans-serif;
font-size: 12px;
background-color: #EEEEEE;
}

/* Layout */

div.container {
width: 800px;
text-align: center;
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
border: 0px;
}

div.header-top {
float: left;
width: 800px;
height: 52px;
background-image: url(../images/header-top.png);
}

div.header-left {
float: left;
width: 373px;
height: 93px;
background-image: url(../images/header-left.png);
text-align: right;
padding-top: 20px;
}

div.header-middle {
float: left;
width: 347px;
height: 113px;
background-image: url(../images/header-middle.png);
}

div.header-right {
float: left;
width: 80px;
height: 113px;
background-image: url(../images/header-right.png);
}

div.menu-top {
float: left;
width: 800px;
height: 11px;
background-image: url(../images/menu-top.png);
}

div.menu-left {
float: left;
width: 89px;
height: 37px;
background-image: url(../images/menu-left.png);
}

div.menu {
float: left;
width: 618px;
height: 34px;
background-image: url(../images/menu.png);
text-align: left;
padding-top: 3px;
}

div.menu-right {
float: left;
width: 93px;
height: 37px;
background-image: url(../images/menu-right.png);
}

div.menu-bottom {
float: left;
width: 800px;
height: 12px;
background-image: url(../images/menu-bottom.png);
}

div.mainframe-container {
float: left;
width: 800px;
height: auto;
min-height: 458px;
background-image: url(../images/mainframe-container.png);
}

div.mainframe {
float: left;
width: 641px;
margin-left: 79px;
margin-right: 80px;
margin-top: 0px;
margin-bottom: 0px;
height: 100%;
background-color: #FFFFFF;
text-align: left;
}

div.pathway {
float: left;
width: 641px;
margin-bottom: 10px;
text-align: left;
}

div.user-left {
float: left;
width: 190px;
height: auto;
}

div.mainbody {
float: left;
width: 441px;
margin-left: 10px;
padding-bottom: 10px;
}

div.footer-left {
float: left;
width: 79px;
height: 57px;
background-image: url(../images/footer-left.png);
}

div.footer {
float: left;
width: 485px;
height: 57px;
background-image: url(../images/footer.png);
text-align: left;
}

div.samic-systems {
float: left;
width: 156px;
height: 57px;
background-image: url(../images/samicsystems.png);
}

div.footer-right {
float: left;
width: 80px;
height: 57px;
background-image: url(../images/footer-right.png);
}

div.footer-bottom {
float: left;
width: 800px;
height: 10px;
padding-top: 0px;
line-height: 10px;
background-image: url(../images/footer-bottom.png);
}

Vielleicht wisst ihr ja ne Lösung. Danke!

Mfg Bubsen.

Fehler bei der Anzeige

Bub

New member