Layout verschoben, HILFE

Status
Nicht offen für weitere Antworten.

Papi62

Mitglied
Das Layout meines Templates ist seltsam verschoben und ich find den Fehler nicht, ist sicher nur ein kleiner Denkfehler meinerseits.
Wenn ich die Tabellen (im nachfolgenden Code rot eingefärbt) rauslösche dann stimmt das Layout, dh. die einzelnen Bilder passen exakt aneinander.

So schauts im Moment aus: guckst Du hier.

Was stimmt den an den beiden verschachtelten Tabellen nicht ?

Code:
<?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">
<head>
<?php if ( $my->id ) { initEditor(); } ?>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<?php mosShowHead(); ?>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?><?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/images/favicon.ico\" />" ; ?>
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #0000FF;
	background-image: url(templates/bluegnom01/images/back.jpg);
	background-repeat: repeat-x;
}
.style1 {
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
-->
</style>
</head>

<body>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="templates/bluegnom01/images/header.jpg" width="800" height="165" /></td>
  </tr>
  <tr>
    <td background="templates/bluegnom01/images/path.jpg">
      <table width="87%" height="19" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td><?php mosPathWay(); ?></td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td height="33" background="templates/bluegnom01/images/top.jpg"></td>
  </tr>
  <tr>
    <td width="245" valign="top" background="templates/bluegnom01/images/mod.jpg">
      <table width="235" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="235" valign="top">
            <table width="179" border="0" align="right" cellspacing="0" cellpadding="0">
              <tr>
                <td width="179" valign="top"><?php mosLoadModules ( 'left' ); ?></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
    <td width="555" valign="top" background="templates/bluegnom01/images/content.jpg">
      <table width="535" border="0" align="right" cellpadding="0" cellspacing="0">
        <tr>
          <td width="535" valign="top">
            <table width="479" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="479" valign="top"><?php mosMainBody(); ?></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td><img src="templates/bluegnom01/images/bot.jpg" width="800" height="31" /></td>
  </tr>
  <tr>
    <td><img src="templates/bluegnom01/images/bottom.jpg" width="800" height="55" /></td>
  </tr>
  <tr>
    <td height="35" colspan="2">
      <div align="center">
        <?php include_once('includes/footer.php'); ?><br />
        <span class="style1">Template designed by <a href="http://www.r-appert.ch">appert online</a></span>
      </div>
    </td>
  </tr>
</table>
</body>
</html>
 
Das Problem ist, dass du pro Tabellen-Zeile nur eine Zelle definiert hast, außer in dem einen <tr>-Tag, in dem du alles rot markiert hast. Dort hast du plötzlich zwei <td>-Tags.
Wenn du beide behalten willst, solltest du die Einzel-TD-Tags mit dem colspan="2" - Attribut versehen.

Gruß
PhoenixLoe
 
Status
Nicht offen für weitere Antworten.
Zurück