Tabellenlänge

Wuestenkaktus

Ich habe drei Tabellen nebeneinander und verschachtelt die unterschiedlich groß sind was die Höhe angeht und eine unterschiedliche Hintergrundfarbe haben, welche Möglichkeiten habe ich wenn alle drei Tabellen automatisch gleich lang sein sollen, ohne dass irgendwelche manuellen Höhenangaben gemacht werden müssen ( z.B. Height=50px) mit dem Befehl Height=100% komme ich nicht weiter.

Die bisherigen Themen dazu konnten mir auch nicht helfen.

Gruß & Danke

Tobias

Rocco

Zitat von Wuestenkaktus

die unterschiedlich groß sind was die Höhe angeht

Zitat von Wuestenkaktus

welche Möglichkeiten habe ich wenn alle drei Tabellen automatisch gleich lang sein sollen

also willst du jetzt dass sie gleich lang sind, oder unterschiedlich lang?

auch wenn ich nicht weiß was du willst, vllt hilft dir der gedanke weiter, dass du die 3 tabellen wiederum in eine stecken könntest...

mfg

Wenn ich mich beim programmieren nicht verschrieben habe und mit meinen HTML Kentnissen keinen Fehler gebaut habe sind die drei Tabellen bereits in einer.

Ich möchte lediglich dass alle Tabellen gleich lang sind. Angenommen Tabelle eins hat eine Größe von 50 px, so sollen die anderen beiden Tabellen die gleiche Größe haben.

Gruß

Tobias

PS: Ich kann den Code gerne posten aber für nichts garantieren

Rocco

Zitat von Anonymous

PS: Ich kann den Code gerne posten aber für nichts garantieren

dann mach das, oder zeig besser die adresse her, wo man sich das ganze gleich anschaun kann

Wuestenkaktus

Hier der Code, könnte sein, dass ein paar Fehler drin sind, muss aber nicht, die mit -------- markierten Bereiche stellen die Tabellen dar die gleich lang sein sollen. Die Enter darin dienen nur der ÜBersicht.

Code

<body>


<table width="950" align="center" border="0" CELLPADDING="-5" CELLSPACING="0">
  <tr>
    <td colspan="5" style="border: 2px #000000 solid; border-top: 2px solid #000000; border-bottom: 1px solid #000000;">[img]./Bilddateien/logo.jpg[/img]</tr>
  <tr>
  <td colspan=5>


<table width="950" border="0" CELLSPACING="0" bgcolor="#EFEFEF" style="border: 2px #000000 solid; border-top: 0px solid #000000; border-bottom: 1px solid #000000;"><td>[b]<font color="#cc0000">Herzlich Willkommen</font>[/b]</td><td height="28" align="right">[url='./index.html']Home[/url][url='']Vita[/url][url='']Termine & Ergebnisse[/url][url='']Bildgalerie[/url][url='']Sponsoren[/url][url='']Archiv[/url][url='mailto:Shop']Kontakt&nbsp[/url]</td>
  </tr>
   </table>
   </td>
  <tr valign="top">
   <td>


----------------




<table width="7" align="left" border="0" CELLSPACING="0" style="border: 2px #000000 solid; border-top: 0px solid #000000; border-bottom: 1px solid #000000; border-right: 0px solid #000000;">
         <tr>
           <td class="catalogbar"></td>
           </tr>
       </table>
     </td>
    <td width="141">




----------------




       <table width="161" align="left" border="0" CELLSPACING="0">
         <tr>
           <td class="catalogbar">Hallo</td>
           <tr>
           <td class="catalogbar">Hallo2</td>
           </tr>
         </tr>
       </table>
     </td>
     <td width=50%>


----------------




       <table style="width:594; height=100%; border: 2px #000000 solid; border-top: 0px solid #000000; border-bottom: 1px solid #000000; border-left: 0px solid #000000; border-right: 0px solid #000000;" align="left" bgcolor="#FFFFFF" CELLSPACING="0">
         <tr>
           <td height>Dies ist die dritte Tabelle</td>
           <tr>
           <td>Hallo</td>
           </tr>
           <tr>
    <td height=99%></td>
    <td></td>
  </tr>
         </tr>
       </table>
     </td>
     <td width=50%>




----------------




       <table width="181" align="right" border="0" CELLSPACING="0" width="142"  bgcolor="#FFFFFF">
         <tr>
           <td height=50></td>
           </tr>
           <tr>
           <td style="border: 1px #000000 solid; border-bottom: 0px solid #000000;">erster Kasten</td>
           </tr>
           <tr>
           <td style="border: 1px #000000 solid; border-bottom: 0px solid #000000;  border-top: 0px solid #000000;">erster Kasten</td>
           </tr>
           <tr>
           <td style="border: 1px #000000 solid; border-bottom: 0px solid #000000;  border-top: 0px solid #000000;">erster Kasten</td>
           </tr>
           <tr>
           <td style="border: 1px #000000 solid; border-bottom: 1px solid #000000;  border-top: 0px solid #000000;">erster Kasten</td>
           </tr>
           </tr>
           <tr><td height=50></td></tr>
       </table>
        <td>




----------------




       <table width="7" align="right" border="0" CELLSPACING="0" style="border: 2px #000000 solid; border-top: 0px solid #000000; border-bottom: 0px solid #000000; border-left: 0px solid #000000;" bgcolor="#FFFFFF" height=162>
         <tr>
           <td></td>
           </tr>
       </table>
     </td>
     </td>
   </tr>
</table>


<table width="950" align="center" style="border-right: 2px #000000 solid; border-left: 2px solid #000000; border-bottom:2px solid #000000; border-top: 1px solid #000000;" bgcolor="#EFEFEF" CELLSPACING="0">
 <tr>
    <td colspan=5>Dies ist die fünfte Tabelle</td>
  </tr>
</table>
</body>
</html>

Alles anzeigen

Wuestenkaktus

Also lt. HTML Tidy hat der Quelltext einige Fehler, die habe ich bereits behoben jetzt ist das ganze etwas komformer die Problematik bleibt jedoch die gleiche, aber trotzdem habe ich wieder ein hilfreiches Programm kennengelernt.

Rocco

einige fehler ist gut.... da sind 100e drinnen. die tabelle wird niemals korrekt dargestellt. allein hier:

Code

<table width="950" align="center" border="0" CELLPADDING="-5" CELLSPACING="0">
  <tr>
    <td colspan="5" style="border: 2px #000000 solid; border-top: 2px solid #000000; border-bottom: 1px solid #000000;">[img]./Bilddateien/logo.jpg[/img]</tr>
  <tr>
  <td colspan=5>


<table width="950" border="0" CELLSPACING="0" bgcolor="#EFEFEF" style="border: 2px #000000 solid; border-top: 0px solid #000000; border-bottom: 1px solid #000000;"><td>[b]<font color="#cc0000">Herzlich Willkommen</font>[/b]</td><td height="28" align="right">[url='./index.html']Home[/url][url='']Vita[/url][url='']Termine & Ergebnisse[/url][url='']Bildgalerie[/url][url='']Sponsoren[/url][url='']Archiv[/url][url='mailto:Shop']Kontakt&nbsp[/url]</td>
  </tr>
   </table>
   </td>
  <tr valign="top">
   <td>

Alles anzeigen

sind 12 fehler drinnen. und nicht nur "schönheitsfehler", sondern schwere fehler. du bist schneller wenn du nochmal neu beginnst. außerdem hat man hier absolut keinen überblick mehr....sorry

mfg

/edit: du kannst mal eine skizze deiner tabelle posten (zeichnung) und ich kann dir mal eine vorlage zusammenstellen...

Wuestenkaktus

nenn mir mal ein paar den ohne die Fehler zu sehen kann man auch nicht wissen was falsch ist und daraus lernen. Die Navigation bzw. links und Mail sind aber von meiner Seite bisher noch nicht formatiert, deswegen funktioniert da nichts.

Einer wäre z.B. CELLPADDING="-5" denn ein negativer Wert geht hier nicht.

Meine Tabelle soll quasi so aussehen:

HTML

<html>
<head>
<Title>Test</title>
</head>
<body>
<table width="750" align="center" border="1">
  <tr>
    <td colspan=5>Dies ist die erste Tabelle</td>
  </tr>
  <tr>
  <td colspan=5>
  <table width="750" align="center" border="1">
  <td>Dies ist die zweite Tabelle</td>
   </tr>
   </table>
   </td>
    <tr>
    <td width=50%>
       <table width="75" align="left" border="1">
         <tr>
           <td>Rand links</td>
           </tr>
       </table>
     </td>
    <td width=50%>
       <table width="75" align="left" border="1">
         <tr>
           <td>Dies ist die dritte Tabelle</td>
           </tr>
       </table>
     </td>
     <td width=50%>
       <table width="75" align="left" border="1">
         <tr>
           <td>Dies ist die vierte Tabelle</td>
           </tr>
       </table>
     </td>
     <td width=50%>
       <table width="75" align="left" border="1">
         <tr>
           <td>Dies ist die fünfte Tabelle</td>
           </tr>
       </table>
     </td>
   <td width=50%>
       <table width="75" align="left" border="1">
         <tr>
           <td>Rand links</td>
           </tr>
       </table>
     </td>
   </tr>
   </table>
<table width="750" align="center" border="1">
 <tr>
    <td colspan=3>Dies ist die sechste Tabelle</td>
  </tr>
</table>
</body>
</html>

Alles anzeigen

Wenn ich nach diesem Schema baue wird mit in Mozilla und Internet Explorer alles wie gewünscht angezeigt.

Wuestenkaktus

Ich habe den Fehler gefunden und stellen alle mir verfügbaren Browser die Seite so dar wie ich es möchte.

Danke für Eure Hilfe.

Wenn mir noch jemand die Fehler sagen möchte kann dieser dies gerne tun.

topfblume

Moin ...

In Reihe 13 fehlt z.B ein <tr>

Gruß

Rocco

ja dein zweites dings sieht schon besser aus...

Tabellenlänge

Tags

Benutzer online in diesem Thema