Martin Knappe: Tabelle breiter als sie soll.....

Hallo,

habe ein kleines Html-Problem: In einem <td> sind untereinander zwei
tabellen eingebaut, deren erste Zeile jeweils 100, die zweite jeweils
650 Pixs breit sein soll. Im Browser wird die untere <tab> etwas breiter dargestellt. Wie kommt das? Kann mir jemand weiterhelfen?

Herzlichen Dank

Martin

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel=stylesheet type="text/css" href="style.css">
</head>
<body marginheight="0" marginwidth="0" cellpadding="0" cellspacing="0">
<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0" bgcolor="#ccd4f4">
 <tr>
  <td align="center" valign="middle">
<!--Beginn Tabelle Kopf -->
  <table width="750" height="100" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
         <tr>
            <td width="100" height="100" rowspan="3"><img src="img/button_red.gif" width="100" height="100" border="0" vspace="0" hspace="0"></td>
<!-- Zeile nicht umbrechen, sonst Probleme mit der Anzeige!!! -->
            <td height="50" width="650" background="img/kopfleiste_6.gif"><img src="img/dummy.gif" width="1" height="50"><?php include("modules_html/links.php");?></td>
         </tr>
   <tr>
    <td bgcolor="#000000" width="650">
<!--schwarze Linie mit weissem Abschluss -->
     <table width="650" height="5" cellspacing="0" cellpadding="0" border="0" bgcolor="#000000">
       <tr>
        <td width="649" height="5"><img src="img/dummy.gif" width="1" height="5" border="0"></td>
       <td width="1" height="5"><img src="img/dummy_weiss.gif" width="1" height="5" border="0"></td>
      </tr>
     </table>
<!--Ende schwarze Linie-->
    </td>
   </tr>
         <tr>
            <td height="45" width="650" bgcolor="#ffffff"><img src="img/dummy.gif" width="1" height="45" border="0"></td>
         </tr>
      </table>
<!--Ende Tabelle Kopf -->

<!--Beginn Tabelle Inhalt -->
<table width="750" border="0" cellspacing="0" cellpadding="0">
        <tr>
    <td width="100" bgcolor="#605C5B" align="center" valign="middle">
<!-- linke Leiste Höhe eingestellt mit Logo -->
    <table width="100" height="100%" cellspacing="0" cellpadding="0" border="0" bgcolor="#605C5B">
     <tr>
      <td width="1" height="260" bgcolor="#ffffff"><img src="img/dummy.gif" width="1" height="260" border="0"></td>
      <td width="98" height="260"><img src="img/dummy.gif" width="1" height="260" border="0"></td>
      <td width="1" height="260" bgcolor="#ffffff"><img src="img/dummy.gif" width="1" height="260" border="0"></td>
     </tr>
     <tr>
      <td width="1" height="35" bgcolor="#ffffff"><img src="img/dummy.gif" width="1" height="35" border="0"></td>
      <td width="98" height="35" bgcolor="#ffffff"><img src="img/logo.gif" width="100" height="29" alt="logo" border="0"></td>
      <td width="1" height="35" bgcolor="#ffffff"><img src="img/dummy.gif" width="1" height="35" border="0"></td>
     </tr>
     <tr>
      <td width="1" bgcolor="#ffffff"><img src="img/dummy.gif" width="1" height="1" border="0"></td>
      <td width="98"> </td>
      <td width="1" bgcolor="#ffffff"><img src="img/dummy.gif" width="1" height="1" border="0"></td>
     </tr>
    </table>
<!--linke Leiste -->
   </td>
   <td width="650" bgcolor="#ffffff">
   <!--php Inhalt -->
   <img src="img/dummy.gif" width="650" height="1" border="0">
   <?php
    include("modules/mainbody.php");
   ?>
   </td>
  </tr>
</table>
<!--Ende Tabelle Inhalt -->
  </td>
 </tr>
</table>
</body>
</html>

  1. Moin!

    habe ein kleines Html-Problem: In einem <td> sind untereinander zwei
    tabellen eingebaut, deren erste Zeile jeweils 100, die zweite jeweils
    650 Pixs breit sein soll. Im Browser wird die untere <tab> etwas breiter dargestellt. Wie kommt das? Kann mir jemand weiterhelfen?

    Du machst 18 <td> auf, aber nur 14 </td> wieder zu. Irgendwie fehlen da 4 </td>, oder es sind 4 <td> zuviel - oder eine Mischung aus beidem. Jedenfalls ist deine Tabelle so falsch.

    - Sven Rautenberg