Hoehe und Breite von Tabellen festlegen

[Antje]

Hallo zusammen!

Ich mache gerade meine ersten Gehversuche mit CSS und habe etwas fuer einige Tabellen "gestylt"

table.menue  {
   background-color : #F5F5F5;
   border-style : groove;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   border-color: #5F9EA0;
   font-size :8pt;
   text-align : left;
   padding:0px;
}
.tableposdiv
 {
  background-color:#FFFFFF;

}
#posmenue
{
 position:absolute;
 left:20px; top:480px; width:250px; height:220px;
}

Warum kann ich die Breite und Hoehe aendern wie ich will und nix passiert? Habs schon mit gaz grossen Werten probiert (> 600), weil ich dachte, meine Tabelle ist zu gross (darin ist aber nur ne Checkbox mit 6 Auswahlmoeglichkeiten und wenig Text). Mit der Position klappt das super...
Hier eine meiner Tabellen:

<div id="posmenuePP" class="tableposdiv">
 <table class="menue" cellspacing="0" cellpadding="0">
    ...
</table>
</div>

Antje

[Johannes]

Du solltest der Tabelle das width-Attribut geben, nicht dem div...

• Johannes

[daniel]

wo auch immer die Höhe und Breite stehe: overflow:hidden;

[Sebastian]

table.menue  { ... }

der fehler liegt hier:
table.menu würde folgendes tag ansprechen:

<TABLE>
    <BLA class="menue">
    </BLA>
  </TABLE>

deshalb muß deine css-definition wie folgt lauten:
.menue  { height: ...; width: ... }

.tableposdiv { ... }

<div id="posmenuePP" class="tableposdiv">
 <table class="menue" cellspacing="0" cellpadding="0">
    ...
</table>
</div>

Antje

[Johannes]

table.menue  { ... }

der fehler liegt hier:
table.menu würde folgendes tag ansprechen:

Das ist falsch, table.menu {...} bezieht sich sehr wohl auf <table class="menu">

table > .menu {...} würde sich auf:

<TABLE>
    <BLA class="menue">
    </BLA>
  </TABLE>

beziehen (no MSIE!)
Dieses wiederum wird mit <table class="menue"> funktionieren:

deshalb muß deine css-definition wie folgt lauten:
.menue  { height: ...; width: ... }

[MudGuard]

Hi,

table.menue  {
   font-size :8pt;

für den Screen ist pt nicht sehr geeignet, siehe auch Archiv...

}

#posmenue
{
position:absolute;
left:20px; top:480px; width:250px; height:220px;
}

Warum kann ich die Breite und Hoehe aendern wie ich will und nix passiert? Habs schon mit gaz grossen Werten probiert (> 600), weil ich dachte, meine Tabelle ist zu gross (darin ist aber nur ne Checkbox mit 6 Auswahlmoeglichkeiten und wenig Text). Mit der Position klappt das super...

Die Position dürfte sich eigentlich auch nicht ändern, denn

#posmenue
<div id="posmenuePP" class="tableposdiv">

da paßt was nicht zusammen.

Desweiteren:
selbst wenn sich das div in der Größe ändert - Du hast keine Aussagen zur Größe der Tabelle gemacht. Also wird diese so groß wie nötig sein.

cu,
Andreas