Hallo,
ich könnte den IE mal wieder erwürgen.
Ich habe auf eine
HTML Seite mit einem Tabellenlayout:
Code:
<!DOCTYPE
HTML PUBLIC "-//
W3C/DTD
HTML 4.01//EN" http://www.w3.org/TR/html4/strict.dtd>
<
html>
<head>
<title>Andorra 2D - The Website</title>
<link rel="stylesheet" type="text/css" href="layout.css">
</head>
<body>
<table class="contenttable">
<tr>
<td class="header" colspan="2">Andorra 2D
<span style="font-size:12pt;color:#CCC">The Next Generation 2D Engine</span></td>
</tr>
<tr>
<td class="menu">Top2</td>
<td class="main">Top3</td>
</tr>
</table>
</body>
</
html>
Mein dazugehöriges Stylesheet (Auszug) sieht so aus:
Code:
html {height:100%; width:100%}
body {background-color:#FFF; color:#000; font-size:10pt; line-height:14pt; font-family: "Verdana", "Arial", "Helvetica", sans-serif; margin:0px; padding:0px; height:100%; width:100%;}
.content {padding:0px; margin:0px; border-width:0px; vertical-align:top;}
.header {background-image:
url(img/big.png); color:#FFF; padding:10px; height:40px; vertical-align:middle; font-size:16pt;}
.contenttable{padding:0; margin:0; border-width:0px; border-style: none; border-spacing:0px; border-collapse:collapse; font-size:10pt; line-height:14pt; width:100%;}
.menu{width:200px; border-width:0px 1px 0px 0px; border-style:solid; border-color:#000; vertical-align:top;}
.main{vertical-align:top;text-align:left;}
Wie man sehen kann besteht das Layout aus einem "Header" oben, einer Menüspalte (200px Breit) und einer "Contentspalte". Sobald in der "Headerspalte" der Text länger als 200px wird, wird die Site im InternetExplorer (7) falsch dargestellt. Wie das aussieht ist im Anhang dargestellt.
Ich habe außerdem mal die gesamte Seite angehängt.
Ich hoffe ihr könnt mir helfen (auch wenn dies kein
HTML Forum ist) und mir sagen was ich "falsch" mache.
Igel457