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>