Ergebnis 1 bis 3 von 3

Thema: Tabelle (rowspan?)

  1. #1
    marih
    Gast

    Standard Tabelle (rowspan?)

    Hallo!

    Die Page sieht mit Firefox so aus wie sie soll, macht allerdings Zicken im Internet Explorer. Die Tabellenzellen sollen direkt untereinander stehen, die große Lücke (die nur im IE so angezeigt wird) stört mich total.
    Beschäftige mich erst seit ein paar Tagen mit HTML, also sorry wenn die Frage blöd oder mein Quelltext voller Fehler sein sollte.

    marih

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http&#58;//www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Titel</title>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <meta name="robots" content="index,follow">
    <meta name="description" content="Description">
    <meta name="keywords" content="Keywords">
    <meta name="language" content="de">
    <link rel="shortcut icon" href="favicon.ico">
    <style type="text/css">
    <!--
    h1 &#123;font-family&#58; Arial; font-size&#58;15px; font-weight&#58; bold; color&#58; #000066;&#125;
    body &#123; font-family&#58; Arial; background-image&#58; url&#40;star.gif&#41;; font-size&#58; 12px; color&#58; #000066;&#125;
    a&#58;link &#123; text-decoration&#58;none; font-weight&#58;bold; color&#58;#000066; &#125;
    a&#58;visited &#123; text-decoration&#58;none; font-weight&#58;bold; color&#58;#000066; &#125;
    a&#58;hover &#123; text-decoration&#58;none; font-weight&#58;bold; background-color&#58;#000000; &#125;
    a&#58;active &#123; text-decoration&#58;none; font-weight&#58;bold; background-color&#58;#000066; &#125;
    -->
    </style>
    </head>
    
    <body>
    
    <table style="border-width&#58;5px; border-color&#58; #000000; border-style&#58;solid; height&#58;100%" cellpadding="5" cellspacing="0" align="center" width="700" bgcolor="#000066" rules="none">
     <colgroup>
      <col width="500">
      <col width="200">
     </colgroup>
     <tr>
      <td colspan="2">
       <table style="border-width&#58;3px; border-color&#58; #000000; border-style&#58;solid; height&#58;100%" cellpadding="0" cellspacing="0" width="100%" bgcolor="#99CCFF">
        <tr>
         <td align="center">[img]banner2.jpg[/img]</td>
        </tr>
       </table>
      </td>
     </tr>
     <tr>
      <td colspan="2">
       <table style="border-width&#58;3px; border-color&#58; #000000; border-style&#58;solid; height&#58;100%" cellpadding="10" cellspacing="0" width="100%" bgcolor="#6496C8">
        <tr>
         <td align="center">
          <span style="font-family&#58;'Arial'; font-size&#58;16px" >
           Home
           page1
           page2
           page3&nbsp
           page4
           page5
           page6
          </span>
         </td>
        </tr>
       </table>
      </td>
     </tr>
     <tr>
      <td valign="top">
       <table style="border-width&#58;3px; border-color&#58; #000000; border-style&#58;solid; height&#58;100%" cellpadding="10" cellspacing="0" width="100%" bgcolor="#6699CC">
        <tr><td>
         <h1>Überschrift</h1>
         
    
    Text</p>
    
    Text</p>
        </td></tr>
       </table>
      </td>
      <td rowspan="2" valign="top">
       <table style="border-width&#58;3px; border-color&#58; #000000; border-style&#58;solid; height&#58;100%" cellpadding="10" cellspacing="0" width="100%" bgcolor="#6699CC">
        <tr><td>
         <h1> Überschrift </h1>
         
    
    Text
    Text
    Text</p>
    
    Text
    Text
    Text</p>
    
    Text</p>
        </td></tr>
       </table>
      </td>
     </tr>
     <tr>
      <td rowspan="2" valign="top">
       <table style="border-width&#58;3px; border-color&#58; #000000; border-style&#58;solid; height&#58;100%" cellpadding="10" cellspacing="0" width="100%" bgcolor="#6699CC">
        <tr><td style="text-align&#58;top">
         <h1>Überschrift</h1>
    
    Text
    Text</p>
    
    
    
    Text
    Text</p>
    
    Text
    Text</p>
    
    Text
    Text</p>
        </td></tr>
       </table>
      </td>
     </tr>
     <tr>
      <td valign="top">
       <table style="border-width&#58;3px; border-color&#58; #000000; border-style&#58;solid; height&#58;100%" cellpadding="10" cellspacing="0" width="100%" bgcolor="#6699CC">
        <tr><td style="text-align&#58;top">
         <h1>Überschrift</h1>
    
    Text</p>
        </td></tr>
       </table>
      </td>
     </tr>
     <tr>
      <td colspan="2">
       <table style="border-width&#58;3px; border-color&#58; #000000; border-style&#58;solid; height&#58;100%" cellpadding="10" cellspacing="0" width="100%" bgcolor="#6699CC">
        <tr><td style="text-align&#58;center">Text
        </td></tr>
       </table>
      </td>
     </tr>
    
    
    </table>
    
    </body>
    </html>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Interessierte/r
    Registriert seit
    18.01.2005
    Beiträge
    120
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ich habe zwar jetzt min. 5 min gebraucht eh ich gesehen habe was du meinst da du nur sagtest es soll eie lücke geben.


    Schau dir doch mal diesen hier an habe nen bissel was dran geändert.
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http&#58;//www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Titel</title>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <meta name="robots" content="index,follow">
    <meta name="description" content="Description">
    <meta name="keywords" content="Keywords">
    <meta name="language" content="de">
    <link rel="shortcut icon" href="favicon.ico">
    <style type="text/css">
    <!--
    h1 &#123;font-family&#58; Arial; font-size&#58;15px; font-weight&#58; bold; color&#58; #000066;&#125;
    body &#123; font-family&#58; Arial; background-image&#58; url&#40;star.gif&#41;; font-size&#58; 12px; color&#58; #000066;&#125;
    a&#58;link &#123; text-decoration&#58;none; font-weight&#58;bold; color&#58;#000066; &#125;
    a&#58;visited &#123; text-decoration&#58;none; font-weight&#58;bold; color&#58;#000066; &#125;
    a&#58;hover &#123; text-decoration&#58;none; font-weight&#58;bold; background-color&#58;#000000; &#125;
    a&#58;active &#123; text-decoration&#58;none; font-weight&#58;bold; background-color&#58;#000066; &#125;
    -->
    </style>
    </head>
    
    <body>
    
    <table style="border-width&#58;5px; border-color&#58; #000000; border-style&#58;solid;" cellpadding="5" cellspacing="0" align="center" width="700" bgcolor="#000066" rules="none">
      <colgroup>
      <col width="500">
      <col width="200">
      </colgroup>
      <tr> 
        <td colspan="2"> <table style="border-width&#58;3px; border-color&#58; #000000; border-style&#58;solid; height&#58;100%" cellpadding="0" cellspacing="0" width="100%" bgcolor="#99CCFF">
            <tr> 
              <td align="center">[img]banner2.jpg[/img]</td>
            </tr>
          </table></td>
      </tr>
      <tr> 
        <td colspan="2"> <table style="border-width&#58;3px; border-color&#58; #000000; border-style&#58;solid; height&#58;100%" cellpadding="10" cellspacing="0" width="100%" bgcolor="#6496C8">
            <tr> 
              <td align="center"> <span style="font-family&#58;'Arial'; font-size&#58;16px" > 
                Home page1 
                page2 page3&nbsp 
                page4 
                page5 
                page6 </span> </td>
            </tr>
          </table></td>
      </tr>
      <tr> 
        <td valign="top"> <table style="border-width&#58;3px; border-color&#58; #000000; border-style&#58;solid; height&#58;100%" cellpadding="10" cellspacing="0" width="100%" bgcolor="#6699CC">
            <tr> 
              <td> <h1>Überschrift</h1>
                
    
    Text</p>
                
    
    Text</p></td>
            </tr>
          </table>
          <table style="border-width&#58;3px; border-color&#58; #000000; border-style&#58;solid; height&#58;100%" cellpadding="10" cellspacing="0" width="100%" bgcolor="#6699CC">
            <tr> 
              <td style="text-align&#58;top"> <h1>Überschrift</h1>
                
    
    Text
    
                  Text</p>
                
    
    
                
    
    Text
    
                  Text</p>
                
    
    Text
    
                  Text</p>
                
    
    Text
    
                  Text</p></td>
            </tr>
          </table>
          </td>
        <td valign="top"> <table style="border-width&#58;3px; border-color&#58; #000000; border-style&#58;solid; height&#58;100%" cellpadding="10" cellspacing="0" width="100%" bgcolor="#6699CC">
            <tr> 
              <td> <h1> Überschrift </h1>
                
    
    Text
    
                  Text
    
                  Text</p>
                
    
    Text
    
                  Text
    
                  Text</p>
                
    
    Text</p></td>
            </tr>
          </table>
          <table style="border-width&#58;3px; border-color&#58; #000000; border-style&#58;solid; height&#58;100%" cellpadding="10" cellspacing="0" width="100%" bgcolor="#6699CC">
            <tr> 
              <td style="text-align&#58;top"> <h1>Überschrift</h1>
                
    
    Text</p></td>
            </tr>
          </table></td>
      </tr>
      <tr> 
        <td colspan="2"> <table style="border-width&#58;3px; border-color&#58; #000000; border-style&#58;solid; height&#58;100%" cellpadding="10" cellspacing="0" width="100%" bgcolor="#6699CC">
            <tr> 
              <td style="text-align&#58;center">Text </td>
            </tr>
          </table></td>
      </tr>
    </table>
    
    </body>
    </html>
    Wir Suchen noch Mitglieder die sich mit Unix auskennen und anderen Usern Hilfe bei Problemen und Fragen leisten wollen.
    SCHLIESS DICH DER UNIX-TREND GROUP AN

    <img src="http://server.unix-trend.de/index.php">

  3. #3
    marih
    Gast

    Standard

    sorry, dass ich mich da nich so deutlich ausgedrückt hab . danke für die hilfe, ist fast so wie ich es haben wollte, hab noch nen kleinen abstand eingefügt und jetzt is es perfekt. wär alleine nich drauf gekommen, das so zu machen. daaaaaaaankeschön.

    weißt du zufällig auch warum der rahmen um die äußere tabelle (nur im IE) so scheiße aussieht und was man dagegen machen kann?

    außerdem hätte ich gerne das die beiden spalten unten auf gleicher höhe abschließen. ne ahnung wie ich das hinkriegen kann, auch wenn eine vom text her eigentlich nicht so hoch wäre?

    nochmal danke!

    marih

Ähnliche Themen

  1. Tabelle
    Von minder im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 14.10.2007, 19:14
  2. MySQL Werte von Tabelle a in Tabelle b eintragen.
    Von Barret im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 0
    Letzter Beitrag: 08.02.2007, 11:42
  3. Tabelle in Tabelle ausrichten
    Von Mad_Dog im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 27.04.2006, 15:54
  4. Tabelle
    Von Karo im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 08.09.2005, 16:01
  5. Wie bekomme ich eine tabelle in eine tabelle?
    Von SonicChriz im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 25.04.2005, 17:06

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •