Tabelle (rowspan?)

marih

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

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://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 {font-family: Arial; font-size:15px; font-weight: bold; color: #000066;}
body { font-family: Arial; background-image: url(star.gif); font-size: 12px; color: #000066;}
a:link { text-decoration:none; font-weight:bold; color:#000066; }
a:visited { text-decoration:none; font-weight:bold; color:#000066; }
a:hover { text-decoration:none; font-weight:bold; background-color:#000000; }
a:active { text-decoration:none; font-weight:bold; background-color:#000066; }
-->
</style>
</head>


<body>


<table style="border-width:5px; border-color: #000000; border-style:solid; height: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:3px; border-color: #000000; border-style:solid; height: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:3px; border-color: #000000; border-style:solid; height:100%" cellpadding="10" cellspacing="0" width="100%" bgcolor="#6496C8">
    <tr>
     <td align="center">
      <span style="font-family:'Arial'; font-size:16px" >
       [url='index.html']Home[/url]
       [url='page1.html']page1[/url]
       [url='page2.html']page2[/url]
       [url='page3.html']page3[/url]&nbsp
       [url='page4.html']page4[/url]
       [url='page5.html']page5[/url]
       [url='page6.html']page6[/url]
      </span>
     </td>
    </tr>
   </table>
  </td>
 </tr>
 <tr>
  <td valign="top">
   <table style="border-width:3px; border-color: #000000; border-style:solid; height: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:3px; border-color: #000000; border-style:solid; height:100%" cellpadding="10" cellspacing="0" width="100%" bgcolor="#6699CC">
    <tr><td>
     <h1> Überschrift </h1>



[b]Text[/b]
Text
Text</p>


[b]Text[/b]
Text
Text</p>


Text</p>
    </td></tr>
   </table>
  </td>
 </tr>
 <tr>
  <td rowspan="2" valign="top">
   <table style="border-width:3px; border-color: #000000; border-style:solid; height:100%" cellpadding="10" cellspacing="0" width="100%" bgcolor="#6699CC">
    <tr><td style="text-align:top">
     <h1>Überschrift</h1>


[b]Text[/b]
Text</p>






[b]Text[/b]
Text</p>


[b]Text[/b]
Text</p>


[b]Text[/b]
Text</p>
    </td></tr>
   </table>
  </td>
 </tr>
 <tr>
  <td valign="top">
   <table style="border-width:3px; border-color: #000000; border-style:solid; height:100%" cellpadding="10" cellspacing="0" width="100%" bgcolor="#6699CC">
    <tr><td style="text-align:top">
     <h1>Überschrift</h1>


Text</p>
    </td></tr>
   </table>
  </td>
 </tr>
 <tr>
  <td colspan="2">
   <table style="border-width:3px; border-color: #000000; border-style:solid; height:100%" cellpadding="10" cellspacing="0" width="100%" bgcolor="#6699CC">
    <tr><td style="text-align:center">Text
    </td></tr>
   </table>
  </td>
 </tr>




</table>


</body>
</html>

Alles anzeigen

Arrakis

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.

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://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 {font-family: Arial; font-size:15px; font-weight: bold; color: #000066;}
body { font-family: Arial; background-image: url(star.gif); font-size: 12px; color: #000066;}
a:link { text-decoration:none; font-weight:bold; color:#000066; }
a:visited { text-decoration:none; font-weight:bold; color:#000066; }
a:hover { text-decoration:none; font-weight:bold; background-color:#000000; }
a:active { text-decoration:none; font-weight:bold; background-color:#000066; }
-->
</style>
</head>


<body>


<table style="border-width:5px; border-color: #000000; border-style: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:3px; border-color: #000000; border-style:solid; height: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:3px; border-color: #000000; border-style:solid; height:100%" cellpadding="10" cellspacing="0" width="100%" bgcolor="#6496C8">
        <tr> 
          <td align="center"> <span style="font-family:'Arial'; font-size:16px" > 
            [url='index.html']Home[/url] [url='page1.html']page1[/url] 
            [url='page2.html']page2[/url] [url='page3.html']page3[/url]&nbsp 
            [url='page4.html']page4[/url] 
            [url='page5.html']page5[/url] 
            [url='page6.html']page6[/url] </span> </td>
        </tr>
      </table></td>
  </tr>
  <tr> 
    <td valign="top"> <table style="border-width:3px; border-color: #000000; border-style:solid; height: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:3px; border-color: #000000; border-style:solid; height:100%" cellpadding="10" cellspacing="0" width="100%" bgcolor="#6699CC">
        <tr> 
          <td style="text-align:top"> <h1>Überschrift</h1>



[b]Text[/b]


              Text</p>





            


[b]Text[/b]


              Text</p>



[b]Text[/b]


              Text</p>



[b]Text[/b]


              Text</p></td>
        </tr>
      </table>
      </td>
    <td valign="top"> <table style="border-width:3px; border-color: #000000; border-style:solid; height:100%" cellpadding="10" cellspacing="0" width="100%" bgcolor="#6699CC">
        <tr> 
          <td> <h1> Überschrift </h1>



[b]Text[/b]


              Text


              Text</p>



[b]Text[/b]


              Text


              Text</p>



Text</p></td>
        </tr>
      </table>
      <table style="border-width:3px; border-color: #000000; border-style:solid; height:100%" cellpadding="10" cellspacing="0" width="100%" bgcolor="#6699CC">
        <tr> 
          <td style="text-align:top"> <h1>Überschrift</h1>



Text</p></td>
        </tr>
      </table></td>
  </tr>
  <tr> 
    <td colspan="2"> <table style="border-width:3px; border-color: #000000; border-style:solid; height:100%" cellpadding="10" cellspacing="0" width="100%" bgcolor="#6699CC">
        <tr> 
          <td style="text-align:center">Text </td>
        </tr>
      </table></td>
  </tr>
</table>


</body>
</html>

Alles anzeigen

marih

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

Tags