McHoemr3: Fixe und variable Definition der Spaltenbreite

Beitrag lesen

SELF-Forum

Fixe und variable Definition der Spaltenbreite

McHoemr3
– Informationen zu den Bewertungsregeln

Hallo!

Ich fange mal mit der Ausgangssituation an:

Ich möchte eine Tabelle mit 3 Spalten, bei der jeweils die linke und rechte Spalte mit 200px definiert ist. Die mittlere Spalte ist jedoch variabel.
Die komplette Tabelle soll 90% breit sein.

Wenn man dann die Tabelle zusammenschiebt soll diese bei insgesamt 1080px fixiert werden. Ich hatte gedacht, dass ich dann einfach ein Bild/Tabelle mit 680px in die mittlere Spalte einfüge und sich damit das Problem erledigt hätte.

Ich habe mich schon an diesem Beispiel bedient: http://de.selfhtml.org/css/eigenschaften/tabellen.htm

Außerdem überlappt sich der Inhalt aus der mittleren Spalte. Hab es schon mit Overflow probiert, aber das hilft auch nicht.

Mein derzeitiger Status:

<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 style="width:200px">200px</td>  
        <td>  
            <p>undefiniert<br></p>  
            <table align="center" cellpadding="0" cellspacing="0" width="680">  
                <tr>  
                    <td>680px</td>  
                </tr>  
            </table>  
        </td>  
        <td style="width:200px"><p>200px</p>  
        </td>  
    </tr>  
    <tr>  
        <td style="width:200px;" colspan="3">  
            <p align="center">darf nicht kleiner als 1080px werden</p>  
        </td>  
    </tr>  
</table>  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln