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