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

Screamdad

Lt. Junior Grade
Dabei seit
Jan. 2007
Beiträge
364
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

Lieutenant
Dabei seit
Sep. 2009
Beiträge
799
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 :D
 
Zuletzt bearbeitet:

cx01

Lt. Junior Grade
Dabei seit
Mai 2010
Beiträge
258
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

Lt. Commander
Dabei seit
Dez. 2006
Beiträge
1.518
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.
 

Screamdad

Lt. Junior Grade
Ersteller dieses Themas
Dabei seit
Jan. 2007
Beiträge
364
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>
 
Zuletzt bearbeitet:
Top