Thomas Luethi: Tabellen Ausrichtung über CSS?

Beitrag lesen

Hallo Frank,

darf ich hier noch eine frage anschließen: wie steht es mit dem vertikalen align? eine "lösung" die ich im netz gesehen habe wäre:

<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center" valign="middle">
      <TABLE WIDTH=800 BORDER=0 CELLPADDING=0 CELLSPACING=0>

dass height kein table-attribut ist weiß ich, und dass das alles wohl unschön ist auch, aber es funzt, gelle?

Diese "Loesung" wird ja sehr oft empfohlen; ich vermute schon,
dass sie "funzt" - jedenfalls, wenn ein Browser das illegale
height="100%" Attribut noch beruecksichtigt.

Ich finde sie extrem haesslich, weil die aeussere Tabelle
HTML-maessig voellig ueberfluessig ist.

Wenn Du sie trotzdem verwendest, koenntest Du ja versuchen,
das height="100%" durch CSS zu ersetzen:
<table style="width:100%; height:100%">
Natuerlich muss dann auch das umgebende Element,
z.B. BODY, noch je 100% hoch und breit sein.

Probleme koennte es geben, wenn der Inhalt groesser
wird als das Browserfenster.
Dagegen koennte man noch mit overflow-Angaben ankaempfen.
Das alles ist mir aber viel zu umstaendlich, ich
benutze solche Dinge nie.

Die zahlreichen Attribute in den Tabellen koenntest Du
uebrigens auch mit CSS ersetzen.
Und die Breite 800 ist doppelt problematisch:
1. Bei Bildschirmaufloesung 800 ist der Inhalt des
   Browserfensters nur ca. 760 px breit.
2. Beim Ausdrucken koennten Inhalte abgeschnitten werden.

Also wuerde ich, wenn schon, die Breitenangabe
auf 760px reduzieren, und sie nur in einem
CSS-Bereich bzw. in einem externen CSS definieren,
das nur fuer die Bildschirmansicht verwendet wird.

Fixe Breiten in px finde ich allerdings doof;
max-width finde ich viel sinnvoller, und es gibt
ja mittlerweile auch einige Workarounds fuer den
MS IE, der max-width auch in 6.0 noch nicht kennt.

ist denn height bei css dann eine mögliche angabe für tabellen?

Ja, klar.
Eine Tabelle ist ein Block-Level-Element und somit eine Box
mit margin, border, padding, width, height u.s.w.

Gruesse,

Thomas

--
Dank /my/ automatisch ausgeblendet: JavaScript, ASP.
Manuell "ausgeblendet": Threads mit Frames, Iframes und Scrollbalken im Subject...
Bitte keine Mails mit Fachfragen - dafuer gibt es das Forum!