CSS und Tabellenbreite



  • Hallo!

    Meine Webseite besteht aus einer großen Tabelle, in der im Header ein banner drin ist. Dieses ist 800 pixel breit, 112pixel hoch. Die Tabelle soll auch so breit sein. also Habe ich im CSS dieses geschrieben:

    table.main{ width: 800; }

    Dann ist die Tabelle auch 800 breit so wie ich es will.
    In der zweiten Zeiel der Tabelle befinden sich zwei Spalten. Ich möchte nun, dass die Spalte links viel kleiner ist als die rechte spalte (links navigation, rechts inhalt). Also dacht ich mir, ich mache in die Spalten folgendes:

    td.navi { width: 25% }
    td.content { width: 75% }

    Aber das interessiert meinen Browser (firefox, IE) nicht. Beide Spalten sind gleich breit.

    Wenn ich allerdings das width-tag im table-css weglasse, dann werden die spalten richtig angezeigt. Allerdigns ist dann die tabelle viel zu breit, und das sieht auch ncih schön aus.

    Wie kann ich es denn nun machen, dass die tabelle 800 breit ist und die linke spalte 25%, die rechte 75% ist?
    Hier nochmal ein link zu beiden seiten:

    http://www.maxis-house.de/doc/index.html richtige breite, falsches spaltenverhältnis
    das css dazu: http://www.maxis-house.de/doc/style/default.css

    http://www.maxis-house.de/doc/index2.html falsche breite, richtige spalten
    http://www.maxis-house.de/doc/style/default2.css

    Ich hoffe, mir kann jemand bei diesem Problem helfen 🙂

    Gruß, Maxi

    PS: nicht über farben, design und aussehen lachen, das ganze ist eher eine art techcheck 😉



  • In der default.css hats Du keine Breite für

    td.NavTable {
    vertical-align: top;
    }

    und auch keine Breite für

    td.content {
    padding: 20px;
    vertical-align: top;
    }



  • hm. Dann hab ich das wohl beim ausprobieren vergessen, hab jetzt eingebaut.

    btw.: geht trztdem nicht. Hat sicht nichts geändert



  • Maxi schrieb:

    hm. Dann hab ich das wohl beim ausprobieren vergessen, hab jetzt eingebaut.

    btw.: geht trztdem nicht. Hat sicht nichts geändert

    Sorry, komme gerade nicht drauf wo das Problem ist, bei einer Seite wo ich das so ähnlich gemahct habe funktionier es.


Anmelden zum Antworten