Rand über einer Tabelle

Status
Nicht offen für weitere Antworten.

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.

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>
 
Hi,

versuch es mal hiermit:

Code:
<table width="860" height="640" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000" background="i/tablepic.jpg" bgcolor="#353736">
  <tr>
    <td height="460" bgcolor="#CFCFCF" valign="top"><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>
    </td>
  </tr>
</table>
bzw.

Code:
<td height="460" bgcolor="#CFCFCF" style="vertical-align:top;">...</td>
um den Inhalt am oberen Rand der Tabellenzelle auszurichten.

Den rotmarkierten Teil hab ich mal aus dem HTML-Code entfernt:

Code:
<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>
 
Status
Nicht offen für weitere Antworten.
Zurück