Tabelle, 3 Spalten/2 Zeilen unabhängig unmöglich?

User0 · 5. April 2011

Hallo Leute, also ich poste das mal und bin gespannt ob
es möglich ist oder ich einfach nur blind bin.

PHP:

<table style="width: 100%">
 <tr>
  <td align="left">oben links 90%</td>
  <td align="right">oben rechts 10%</td>
 </tr>
 <tr>
  <td colspan="2" align="center">Hier ist die mitte mit 100% Breite</td>
 </tr>
 <tr>
  <td align="left">unten links 50%</td>
  <td align="right">unten rechts 50%</td>
 </tr>
</table>

RoseFlunder · 5. April 2011

Meiner Meinung nach bekommt man das leider nicht in eine Tabelle.
Man kann in der ersten Zeile die Spalten aufteilen mit:
<td align="left" style="width:90%">oben links 90%</td>
<td align="right" style="width:10%">oben rechts 10%</td>

aber das gibt dann ein Problem in der dritten Zeile, dort kann man das nicht wieder überschreiben.
Glaube du musst da zwei verschiedene Tabellen draus machen...

HTML:

<html>
<head>
<style type="text/css">
table { width:100%; }
td { border:1px solid #000; vertical-align:top; }
</style>
</head>
<body>
<table style="table-layout:fixed">
 <tr>
  <td align="left" style="width:90%">oben links 90%</td>
  <td align="right" style="width:10%">oben rechts 10%</td>
 </tr>
</table>
<table style="table-layout:fixed">
 <tr>
  <td colspan="2" align="center">Hier ist die mitte mit 100% Breite</td>
 </tr>
 <tr>
  <td align="left" style="width:50%">unten links 50%</td>
  <td align="right" style="width:50%">unten rechts 50%</td>
 </tr>
</table>  
</body>
</html>

EDIT: Ok die Lösung von cx01 ist viel eleganter

cx01 · 5. April 2011

Man benötigt 3 Spalten (50%, 40%, 10%), von denen jeweils 2 zusammengefasst werden:

Code:

<table style="width: 100%"> 
 <tr> 
  <td style="width:90%" colspan="2">oben links 90%</td> 
  <td style="width:10%">oben rechts 10%</td> 
 </tr> 
 <tr> 
  <td colspan="3" align="center">Hier ist die mitte mit 100% Breite</td> 
 </tr> 
 <tr> 
  <td style="width:50%">unten links 50%</td> 
  <td style="width:50%" colspan="2">unten rechts 50%</td> 
 </tr> 
</table>

Belee · 5. April 2011

Und wie sieht es denn mit <tbody> aus? oder <tfoot> damit kann man auch was triksen ohne gleich 2-3 <table> zu benutzen. Hab schon lange nicht mehr mit <table> hantiert aber ich denke da wäre bestimmt was möglich.

User0 · 6. April 2011

Ich glaub ich habs (und das 10min. nach dem Aufstehen) ^^,
was meint Ihr elegant (zumutbar) oder gehts besser (schlecht)?

- Also Sinn hat die Tabelle für mich persönlich natürlich voll & ganz!
- Vielen Dank @cx01, Du hast mich erneut auf die richtige Spur gebracht. ;-)
- Herzlichen Dank an @JesusRulez und Belee!

PHP:

<table style="width: 450" border=1"> 
 <tr>  
  <td colspan="3" style="width:75%">oben links 75%</td>  
  <td align="right" colspan="1" style="width:25%">oben rechts 25%</td>  
 </tr>  
 <tr>  
  <td align="center" colspan="4">Hier ist die Mitte 100% Breite</td>  
 </tr>  
 <tr>  
  <td align="links" colspan="2" style="width:50%">unten links 50%</td>  
  <td align="right" colspan="2" style="width:50%">unten rechts 50%</td>  
 </tr>  
</table>

Suche

Tabelle, 3 Spalten/2 Zeilen unabhängig unmöglich?

User0

Gast

RoseFlunder

Lieutenant

cx01

Lt. Junior Grade

Belee

Lt. Commander

User0

Gast

Ähnliche Themen