Tabelle verschoben

Philipp

Hallo,

seitdem ich im CSS table-layout: fixed eingebaut habe sind bei mir die Tabellen - trotz Höhen- und Weitenagaben verschooben. Die zwei Tabellen unten sollen nicht genau gleich groß sein, sondern 650px bzw. 150px. Laut W3C ist der Quelltext einwandfreier XHTML-Code ...

Kann mit da jemand helfen?

HTML

<?xml version="1.0" encoding="ISO-8859-1"?>
<!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" dir="ltr" lang="en" xml:lang="en">


 <head>
  <title>cnc-eXtreme.net v2.0 - welcome to a new age of gaming</title>
  <meta name="robots" content="index,follow" />
  <style type="text/css">
   <!--


    a:link    { color:#ffffff; text-decoration: none; }
    a:visited { color:#ffffff; text-decoration: none; }
    a:active  { color:#ffffff; text-decoration: none; }
    a:hover   { color:#ffffff; text-decoration: underline; }


    body {
     background: #2F3238 url("http://cnc-extreme.ngz-network.de/images/cncxv2/menu/tank.gif") no-repeat bottom left;
     font-family: Verdana, Helvetica, Arial, sans-serif;
     font-size: 8pt;
     color: #ffffff;
    }


    table, td, h1 {
     margin: 0px;
     font-family: Verdana, Helvetica, Arial, sans-serif;
     font-size: 8pt;
     text-decoration: none;
     color: #ffffff;
     border-color: #000000;
     table-layout: fixed;
    }


    .showheader {
     background: #20252A url("http://cnc-extreme.ngz-network.de/images/cncxv2/menu/header_1.jpg") no-repeat top right;
    }


    .showheli {
     background: #20252A url("http://cnc-extreme.ngz-network.de/images/cncxv2/menu/heli.gif") no-repeat top right;
    }


    .navi {
     font-family: Verdana, Helvetica, Arial, sans-serif;
     font-size: 8pt;
     text-decoration: none;
     color: #ffffff;
    }


   //-->
  </style>
 </head>


 <body>


  <table style="width: 800px; border-collapse: collapse; border-color: #000000" cellspacing="0" cellpadding="0" border="1">


   <tr>
    <td style="width: 800px; height: 150px" colspan="2" align="left" valign="top"> 
     [img]http://cnc-extreme.ngz-network.de/images/cncxv2/menu/header_1.jpg[/img]
    </td>
   </tr>


   <tr>
    <td bgcolor="#434648" style="width: 650px" valign="top" class="showheli">bla</td>
    <td bgcolor="#181C22" style="width: 150px" valign="top" align="left">bla</td>
   </tr>


  </table>




 </body>


</html>

Alles anzeigen

Tags