tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
292
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. #1
    Avatar von Tixiland
    Tixiland Tixiland ist offline Mitglied Gold
    Registriert seit
    May 2005
    Beiträge
    151
    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 :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    
    <!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>
     

  2. #2
    Maik Tutorials.de Gastzugang
    Hi,

    versuch es mal hiermit:

    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    
    <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" [b]valign="top"[/b]><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 :
    1
    
    <td height="460" bgcolor="#CFCFCF" [b]style="vertical-align:top;"[/b]>...</td>
    um den Inhalt am oberen Rand der Tabellenzelle auszurichten.

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

    Code :
    1
    2
    3
    4
    5
    
    <table width="860" height="640" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000" background="i/tablepic.jpg" bgcolor="#353736" [color=red]style = padding: "0"; 
     table, tr, td {border-collapse: collapse, padding: 0, border: none}[/color]>
    <tr>
        
      [color=red]<tr>[/color]
     

  3. #3
    Avatar von Tixiland
    Tixiland Tixiland ist offline Mitglied Gold
    Registriert seit
    May 2005
    Beiträge
    151
    dankeschön!
     

Ähnliche Themen

  1. Text steht über einer Tabelle und nicht drunter
    Von Maxm123 im Forum HTML & XHTML
    Antworten: 2
    Letzter Beitrag: 16.03.10, 19:19
  2. Antworten: 2
    Letzter Beitrag: 20.01.09, 23:56
  3. Antworten: 11
    Letzter Beitrag: 26.06.08, 19:49
  4. [MSSQL] Ausgabe einer Tabelle mit nvarchar und ntext-Spalten über PHP
    Von Ceppi im Forum Relationale Datenbanksysteme
    Antworten: 0
    Letzter Beitrag: 09.01.08, 11:27
  5. Antworten: 1
    Letzter Beitrag: 02.09.05, 11:21