phpBB.de

Verfasst: **25.07.2005 11:27**

Hallo zusammen!

Ich habe folgendes Problem. Ich möchte eine Tabelle darstellen, dessen Aufbau vereinfacht dargestellt etwa so aussieht:

http://pokepika.com/up/rowspan_a.txt

Dies habe ich nun so umgesetzt:

Code: Alles auswählen

<tr>
  <td rowspan="3"></td>
  <td class="b"></td>
</tr>
<tr>
  <td class="a"></td>
</tr>
<tr>
  <td class="b"></td>
</tr>

Der Klasse b habe ich die Höhe 20x gegeben. Inhalt soll dabei etwa eine Zeile sein. Die Klasse a besitzt keine feste Höhe. Also nur height: auto;

Nun möchte ich, dass die Zellen der Klasse b in ihrer Höhe bleiben und die restlichen Zellen (also die linke und die rechts in der mitte) sich der Höhe des Inhalts anpassen.

Im Firefox funktioniert das alles super, allerdings werden die Zellen rechts im InternetExplorer in ihrer Höhe gleichmäßig verteilt.
Doch genau das möchte ich ja nicht.

Was kann ich tun?

----------

Ich habe bereits einige Dinge ausprobiert und noch folgendes herausgefunden:

Ich habe dies hier als Alternative probiert:
http://pokepika.com/up/rowspan_b.txt
doch nachdem ich die linke Spalte mit ein paar Zeilenumbrüchen gefüllt hatte, wurde das Problem deutlich. In beiden Browsern wurde das nun so dargestellt:
http://pokepika.com/up/rowspan_c.txt
Es funktioniert, wenn ich allen Zellen eine feste Größe gebe.
http://pokepika.com/up/rowspan_d.txt
Wenn man dem 2. Zeile die Höhe 100% gibt, dann wird der Platz im Firefox genauso wie im InternetExplorer gleichmäßig aufgeteilt.
http://pokepika.com/up/rowspan_e.txt

Hat irgendjemand eine Idee?

Verfasst: **25.07.2005 12:08**

Anstatt hier den Quellcode per TXT-Datei zu verlinken wäre es wesentlich sinnvoller die html-Dateien hochzuladen. Dann könnte man das auch einigermaßen nachvollziehen.

Gruß, Dave

Verfasst: **25.07.2005 12:16**

Also ich hab das mal getestet verstehe Dein Problem nicht ganz, bei mir funktioniert das in so ziemlich allen Browsern:

Code: Alles auswählen

<table border="1">
           <tr>
             <td rowspan="3">Spalte 1</td>
             <td style="height: 50px;" >Zeile 1</td>
           </tr>
           <tr>
             <td>Variabler Inhalt</td>
           </tr>
           <tr>
             <td style="height: 50px;">Zeile 3</td>
           </tr>
</table>

Ist wie Du wolltest oben und unten bleibt es konstant und der Inhalt in der Mitte passt sich an...

Gruß, Dave

Verfasst: **25.07.2005 12:49**

ja, hast recht, hätte ne datei zeigen sollen..

Es geht, wenn links wenig Inhalt ist, aber wenn ich in der linken Spalte Inhalt reinschreibe, was später in der Anwendung auch möglich sein könnte (das links mehr steht als rechts), dann kommt der Fehler..

zu sehen hier:
http://pokepika.com/up/rowspan_f.html

Verfasst: **25.07.2005 13:21**

Versuchs mal so

Code: Alles auswählen

<table border="1"> 
           <tr> 
             <td rowspan="3">Spalte 1</td> 
             <td height="33%">Zeile 1</td> 
           </tr> 
           <tr> 
             <td height="33%">Variabler Inhalt</td> 
           </tr> 
           <tr> 
             <td height="33%">Zeile 3</td> 
           </tr> 
</table>

Oder ich hab jetzt nicht verstanden was du willst o.ô

Verfasst: **25.07.2005 13:44**

nein, du hast mich nicht verstanden ^^

ich möchte dass das ganze so aussieht:

http://pokepika.com/up/rowspan_a.txt

im Firefox klappt das ja perfekt, aber im IE nicht.. siehe
http://pokepika.com/up/rowspan_f.html

Verfasst: **25.07.2005 16:56**

Mach's halt mit DIVs...

phpBB.de

IE, rowspan, height, geht nicht...

IE, rowspan, height, geht nicht...