feste Tabellenzellengröße

[Bit2_Gosu]

Hi!

ich würde eine Seite gerne durch ein <table> in eine linke hälfte und eine rechte hälfte unterteilen. und zwar sollen die beiden zellen unabhängig vom inhalt immer gleich groß sein: die linke zelle 20% der bildschirmwidth, die rechte 80%.

Nun hab ich das in css mit

td.left
{
   width: 20%;
}
td.right
{
   width: 80%;
}

probiert, das klappt aber nicht. zwar wir so die zellengröße beeinflusst, aber auf eine sehr merkwürdige art und weise...

hat jemand eine Idee, wie ich das gewünschte hinbekomme?

 

[prm]

Zunächst solltest du dein Layout ohne Tabellen und ohne Zellen machen.
Tabellen dienen einer strukturierten Dartellung (z.B. Adressliste), jedoch nicht dem Layout. Dafür solltest du die in Frage kommenden Elemente und Div's verwenden.

Konkret zu deiner Frage:
Wenn du eine prozentuale Breite zuweist, dann musst du auch angeben, worauf sich die 20 oder 80% beziehen sollen.
Folglich musst du per CSS den Elementen html und body eine Breite von jeweils 100% zuweisen.

 

[Bit2_Gosu]

hm, zu dem layout mache ich mal einen neuen post auf.

zur konkreten frage:

html
{
    width: 100%;
}

body
{
    width: 100%;
}

td.left
{    
    border-collapse: collapse;
    border: 1px solid black;
    width: 20%;
}

td.right
{
    border-collapse: collapse;
    border: 1px solid black;
    width: 80%;
}

so geht es leider immer noch nicht..

 

[thuemmy]

Hast Du den entsprechenden <td>-Tags auch die jeweiligen Klassen zugeordnet?

/* Auschschnitt der Tabelle (eine Zeile) */
<tr>
  <td class="left">Inhalt links</td>
  <td class="right">Inhalt rechts</td>
</tr>

Gruß thuemmy

 

[neuroleptika]

Tabellen passen sich dem Inhalt an.
Mit der td: width:.. %; teilst du die Zellen nur innerhalb der Tabelle auf.
Du mußt auch der <table> eine Breite geben.

table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}

td.left
{
   width: 20%;
   background-color: #646464;
}
td.right
{
   width: 80%;
   background-color: #B01102;
}

Body dagegen füllt von "Haus aus" das Browserfester horrizontal aus.