nicht angemeldet
Hallo!
Habe beim Programmieren meiner HP nur HTML-Elemente und HTML-Attribute verwendet,
die in der strict-Variante auch erlaubt sind, den Rest hab ich mit CSS gemacht.
Ich habe allerdings zu Beginn meiner Arbeit die folgende Notation vergessen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Als ich die Notation dann eingefügt habe, wurde die Tabelle, in der das Layout eingearbeitet ist,
vom Internet Explorer verzerrt dargestellt, ich habe keine Ahnung warum.
Homepage ohne Aufruf: http://mitglied.lycos.de/roze84/hp1.html
Homepage mit Aufruf: http://mitglied.lycos.de/roze84/hp2.html
und hier noch der Quelltext der Tabelle:
<htlm>
<head>
<title>TEST</title>
</head>
<body>
<table style="table-layout:fixed; border-width:0px; border-collapse:collapse">
<tr>
<td style="width:10px; height:10px"></td>
<td style="width:150px; height:10px"></td>
<td style="width:10px; height:10px"></td>
<td style="width:650px; height:10px"></td>
<td style="width:10px; height:10px; text-align:center; background-image:url(images/interface/c-t-r.gif)"></td>
</tr>
<tr>
<td style="width:10px; height:150px"></td>
<td style="width:150px; height:150px; text-align:center; vertical-align:middle"></td>
<td style="width:10px; height:150px"></td>
<td style="width:650px; height:150px; text-align:center"></td>
<td style="width:10px; height:150px; text-align:center; background-image:url(images/interface/m-r.gif)"></td>
</tr>
<tr>
<td style="width:10px; height:10px"></td>
<td style="width:150px; height:10px"></td>
<td style="width:10px; height:10px; text-align:center; background-image:url(images/interface/c-b-m.gif)"></td>
<td style="width:650px; height:10px; text-align:center; background-image:url(images/interface/b-m.gif)"></td>
<td style="width:10px; height:10px; text-align:center; background-image:url(images/interface/c-b-r.gif)"></td>
</tr>
<tr>
<td style="width:10px; height:20px"></td>
<td style="width:150px; height:20px"></td>
<td style="width:10px; height:20px; text-align:center; background-image:url(images/interface/m-r.gif)"></td>
<td style="width:650px; height:20px; background-color:#C0C0C0"></td>
<td style="width:10px; height:20px"></td>
</tr>
<tr>
<td style="width:10px; height:300px"></td>
<td style="width:150px; height:300px; text-align:right; vertical-align:top; padding-right:10px"></td>
<td style="width:10px; height:300px; text-align:center; background-image:url(images/interface/m-r.gif)"></td>
<td style="width:650px; height:300px; text-align:center; vertical-align:top; padding-right:10px; background-color:#C0C0C0">
</td>
<td style="width:10px; height:300px"></td>
</tr>
<tr>
<td style="width:10px; height:10px; text-align:center; background-image:url(images/interface/c-b-l.gif)"></td>
<td style="width:150px; height:10px; text-align:center; background-image:url(images/interface/b-m.gif)"></td>
<td style="width:10px; height:10px; text-align:center; background-image:url(images/interface/c-b-r.gif)"></td>
<td style="width:650px; height:10px"></td>
<td style="width:10px; height:10px"></td>
</tr>
</table>
</body>
</html>
Ich hoffe jemand kann mir helfen
roze84