Dynamsiche Breite

[aKraus]

Hi,

ich wollte gerade eine Tabelle erstellen, welche sich automatisch an die größe des Browsers anpasst.

z.B.

<table border="0" cellspacing="0" cellpadding="0" width="100%">
    <tr>
        <td background="img1.jpg" width="10" height="25">
        <td background="img2.jpg" width="100%" height="25">
        <td background="img3.jpg" width="10" height="25">
    </tr>
</table>

Soweit - so gut. Wenn ich in der zweiten Spalte weite 100% angebe, verschiebt er die anderen beiden Bilder. Gebe ich width="*" an, so wiederholt er das Bild der dritten Zelle.

Gibt es noch eine andere Möglichkeit?

Oder steh ich momentan einfach nur auf dem Schlauch?

 

[aGeNET]

Hallo, ganz einfache Lösung:

Dein HTML für den Tabellenteil ist nicht korrekt.

<table>
 <tr>
  <td></td>
  <td></td>
  <td></td>
 </tr>
</table>

und schon müsste es gehen

 

[Maik]

Hi,

oder mit anderen Worten, es fehlen im gezeigten Quellcode die schliessenden </td>-Tags.

 

[aKraus]

Ja, das ist mir schon klar.
Ich hab das auch nur schnell als Beispiel gemacht.

Im Anhang hab ich euch mal eine Datei rangehängt

 

[Maik]

Nimm mal in der mittleren Zelle das width-Attribut komplett raus.

 

[aKraus]

Das habe ich bereits.
Hab vorhin eine .zip Datei angehängt - davon die letzten 2 Beispiele

 

[aGeNET]

<table border="0" cellspacing="0" cellpadding="0" width="100%">
    <tr>
        <td background="img1.jpg" width="10" height="25"></td>
        <td background="img2.jpg" height="25">&nbsp;</td>
        <td background="img3.jpg" width="10" height="25"></td>
    </tr>
</table>

Die Variante funktioniert bei mir. In der 2. Spalte muss lediglich ein &nbsp; stehen (Leerzeichen).

mfg

 

[Maik]

Dann liegt's bei dir daran, dass die Tabellenzelle derzeit leer ist. Ein erzwungenes Leerzeichen &nbsp; bewirkt da oft große Wunder.