Tabelle auf 100%, Spaltenbreite

[knedl]

Hi Leute,

folgendes Problem:

Eine Tabelle, width="100%".
Nur eine Zeile, drei Spalten.
die erste und die letzte sollen 2px breit sein, die mittlere den Rest ausfüllen.

<table width="100%">
<tr>
<td width="2px"></td>
<td>Inhalt hier</td>
<td width="2px"></td>
</tr>
</table>

Das funktioniert natürlich, ABER nur solange in der mittleren Spalte Inhalt ist. Darin will ich aber mit DIV-Containern arbeiten (die dann wieder 100% breit sein sollen). Sobald in der mittleren Spalte kein Zeichen mehr steht, sondern z.B. nur ein div-Container, dann wird sie nicht mehr auf die verbleibende Breite gestreckt, sondern gar nicht mehr angezeigt.

Gibt es eine Möglichkeit, die mittlere Spalte so zu definieren, dass kein Zeicheninhalt darin ist, sondern nur divs, und sie trotzdem die volle breite (bis auf die 2px jeweils am Rand) einnimmt?

Viele Grüße,
knedl

[lez]

Hi Leute,

folgendes Problem:

Eine Tabelle, width="100%".
Nur eine Zeile, drei Spalten.
die erste und die letzte sollen 2px breit sein, die mittlere den Rest ausfüllen.

<table width="100%">
<tr>
<td width="2px"></td>
<td>Inhalt hier</td>
<td width="2px"></td>
</tr>
</table>

Das funktioniert natürlich, ABER nur solange in der mittleren Spalte Inhalt ist. Darin will ich aber mit DIV-Containern arbeiten (die dann wieder 100% breit sein sollen). Sobald in der mittleren Spalte kein Zeichen mehr steht, sondern z.B. nur ein div-Container, dann wird sie nicht mehr auf die verbleibende Breite gestreckt, sondern gar nicht mehr angezeigt.

Gibt es eine Möglichkeit, die mittlere Spalte so zu definieren, dass kein Zeicheninhalt darin ist, sondern nur divs, und sie trotzdem die volle breite (bis auf die 2px jeweils am Rand) einnimmt?

Viele Grüße,
knedl

Hallo,
probiers mal so:

<table width="100%" style="empty-cells:show">
<tr>
<td width="2px"></td>
<td>Inhalt hier</td>
<td width="2px"></td>
</tr>
</table>

Der link dazu:
http://de.selfhtml.org/css/eigenschaften/tabellen.htm#empty_cells

Grüße,
Lez

[knedl]

Hallo,
probiers mal so:

<table width="100%" style="empty-cells:show">
<tr>
<td width="2px"></td>
<td>Inhalt hier</td>
<td width="2px"></td>
</tr>
</table>

Der link dazu:
http://de.selfhtml.org/css/eigenschaften/tabellen.htm#empty_cells

Grüße,
Lez

Danke für die schnelle Antwort!

Über die Eigenschaft bin ich schon gestolpert. Soweit ich mich noch erinnere, hat dies aber nur mit der Anzeige des Rahmens zu tun. Im konkreten Problemfall hilft es leider nichts!

[Chris Ross]

Hi auch,

schreib ein geschützes Leezeichen (&nbsp;) rein, wenn kein sonstiger Inhalt drin steht. Das sollte eigentlich helfen.

Gruß
Chris

[lez]

Hi auch,

schreib ein geschützes Leezeichen (&nbsp;) rein, wenn kein sonstiger Inhalt drin steht. Das sollte eigentlich helfen.

Gruß
Chris

Falls das nicht hilft, schreib doch mal den ganzen Code, inklusive des Divs, rein.

Grüße,
Lez

[knedl]

Hi auch,

schreib ein geschützes Leezeichen (&nbsp;) rein, wenn kein sonstiger Inhalt drin steht. Das sollte eigentlich helfen.

Gruß
Chris

Falls das nicht hilft, schreib doch mal den ganzen Code, inklusive des Divs, rein.

Grüße,
Lez

Das geht natürlich, so hab ich es auch gelöst. Aber das ist ja "gehackt" ;)
Deshalb frage ich hier im Forum, um eine schönere Lösung zu finden.

[Gunther]

Hi Leut,

folgendes Problem:

Eine Tabelle, width="100%".
Nur eine Zeile, drei Spalten.
die erste und die letzte sollen 2px breit sein, die mittlere den Rest ausfüllen.

das Haupt-Problem scheint mir hier schon der wohl offensichtliche Missbrauch einer Tabelle als Layout-Tabelle zu sein.

Das funktioniert natürlich, ABER nur solange in der mittleren Spalte Inhalt ist. Darin will ich aber mit DIV-Containern arbeiten (die dann wieder 100% breit sein sollen). Sobald in der mittleren Spalte kein Zeichen mehr steht, sondern z.B. nur ein div-Container, dann wird sie nicht mehr auf die verbleibende Breite gestreckt, sondern gar nicht mehr angezeigt.

Gibt es eine Möglichkeit, die mittlere Spalte so zu definieren, dass kein Zeicheninhalt darin ist, sondern nur divs, und sie trotzdem die volle breite (bis auf die 2px jeweils am Rand) einnimmt?

Ja, gibt es.
colgroup und table-layout sollten dir weiterhelfen.

Gruß Gunther

[knedl]

Hi Leut,

folgendes Problem:

Eine Tabelle, width="100%".
Nur eine Zeile, drei Spalten.
die erste und die letzte sollen 2px breit sein, die mittlere den Rest ausfüllen.
das Haupt-Problem scheint mir hier schon der wohl offensichtliche Missbrauch einer Tabelle als Layout-Tabelle zu sein.

Ich versuche natürlich, wo es geht, DIVs zu benutzen. Aber für manche Probleme sind Tabellen der einzige weg. Wie sollte man das Problem mit DIVs lösen?
2px leer am Rand und in der Mitte ein DIV mit dynamischer Breite von 100%. (das ganze muss in allen Browsern laufen...)

Würde mich freuen, ne Möglichkeit kennen zu lernen, denn Layout-Tabellen sind wahrlich nur ein Workaround.

[Gunther]

Hi Leut,

2px leer am Rand und in der Mitte ein DIV mit dynamischer Breite von 100%. (das ganze muss in allen Browsern laufen...)

Würde mich freuen, ne Möglichkeit kennen zu lernen, denn Layout-Tabellen sind wahrlich nur ein Workaround.

  
<div style="margin: 0 2px;">...</div>  

Gruß Gunther

[knedl]

Hi Leut,

2px leer am Rand und in der Mitte ein DIV mit dynamischer Breite von 100%. (das ganze muss in allen Browsern laufen...)

Würde mich freuen, ne Möglichkeit kennen zu lernen, denn Layout-Tabellen sind wahrlich nur ein Workaround.

<div style="margin: 0 2px;">...</div>

>   
>   
> Gruß Gunther  
>   
  
Du hast Recht, bin gerade gekommen, um genau diese Lösung zu posten. Zuvor hatte es nicht funktioniert, da man gleichzeitig nicht width:100% angeben darf.