Tixiland
Erfahrenes Mitglied
Hallo,
ich habe folgendes Problem:
Und zwar möchte eine Seite programmieren, bei der der Header am oberen Rand der Tabelle liegt, ohne dass dort wie in einer "Version" im IE und im Opera noch nach oben hin Platz ist.
Ich habe dafür eine 3 Spalten/ 3 Zeilen Tabelle in eine weitere Tabelle gesetzt - darin liegt mein Header.
Ich habe es auch schon mit einer 4 Spalten Tabelle versucht und dabei den Header die oberste Spalte platziert, darunter kam der Content in der 3 Spalten Tabelle.
Gibt es dafür eine Lösung? Ich möchte einfach, daß der Header in allen Browsern ans oberste Ende der Tabelle gerückt wird.
Im FF geht?s schon mal.
Wäre schön wenn ihr mir einen Tip geben könntet.
LG,
Tixi
Hier ist für den Überblick die Index Datei.
ich habe folgendes Problem:
Und zwar möchte eine Seite programmieren, bei der der Header am oberen Rand der Tabelle liegt, ohne dass dort wie in einer "Version" im IE und im Opera noch nach oben hin Platz ist.
Ich habe dafür eine 3 Spalten/ 3 Zeilen Tabelle in eine weitere Tabelle gesetzt - darin liegt mein Header.
Ich habe es auch schon mit einer 4 Spalten Tabelle versucht und dabei den Header die oberste Spalte platziert, darunter kam der Content in der 3 Spalten Tabelle.
Gibt es dafür eine Lösung? Ich möchte einfach, daß der Header in allen Browsern ans oberste Ende der Tabelle gerückt wird.
Im FF geht?s schon mal.
Wäre schön wenn ihr mir einen Tip geben könntet.
LG,
Tixi
Hier ist für den Überblick die Index Datei.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>m</title>
<link href="screen.css" rel="stylesheet" media="screen, projection" type="text/css" />
<style type="text/css">
<!--
.Stil1 {color: #D9D9D9}
body {
background-image: url(i/bg_grau_verlauf_vertikal.gif);
}
-->
</style>
</head>
<body>
<table width="860" height="640" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000" background="i/tablepic.jpg" bgcolor="#353736" style = padding: "0";
table, tr, td {border-collapse: collapse, padding: 0, border: none}>
<tr>
<tr>
<td height="460" bgcolor="#CFCFCF"><img src="i/header_1.jpg" width="860" height="110" align="top"><br>
<img src="navi/home.jpg" width="77" height="20"><img src="navi/produkte.jpg" width="100" height="20"><img src="navi/kaufen.jpg" width="100" height="20"><img src="navi/kontakt.jpg" width="100" height="20"><img src="navi/greynavi.jpg" width="483" height="20">
<table width="856" height="439" border="0" align="left" cellspacing="10" bgcolor="#CFCDCE">
<tr>
<td width="270" class="Stil1"><img src="i/rad_1.jpg" width="260" height="130"><img src="i/1.gif" width="10" height="1"></td>
<td width="270" class="Stil1"><img src="i/roller_blue_1.jpg" width="260" height="130"></td>
<td width="270" class="Stil1"><img src="i/roller_lightblue_1.jpg" width="260" height="130"></td>
</tr>
<tr>
<td class="Stil1"><img src="i/snake_1.jpg" width="260" height="130"></td>
<td class="Stil1"><img src="i/cart_red_1.jpg" width="260" height="130"></td>
<td class="Stil1"><img src="i/cart_silver_1.jpg" width="260" height="130"><img src="i/1.gif" width="10" height="1"></td>
</tr>
<tr>
<td height="134" class="Stil1"><img src="i/zubehor.jpg" width="260" height="130"></td>
<td class="Stil1"><img src="i/aktion.jpg" width="260" height="130"></td>
<td class="Stil1"><img src="i/news.jpg" width="260" height="130"></td>
</tr>
</table>
<br></td>
</tr>
</table>
<br>
</body>
</html>