'HEIGHT'-Attribut in 'TABLE' invalidt?

**Bluescreen** · 03.12.2006 18:22

Nun, die Tabelle mit der Höhenangaben (geplant war als Wert 99%) sollte nur dazu dienen, einen Weiterleitungs-Text in Bildschirmmitte zu platzieren.

Ich bin gewillt, meine Seiten valide zu gestalten, doch CSS ist für mich noch relativ neu. Sollte ich mir ein Buch anschaffen?

FF · 03.12.2006 18:26

wenn dus dann besser verstehst, kannste es, nötig ist es aber nicht.
http://www.css4you.de/
http://de.selfhtml.org/

die müssten eigentlich ausreichen, insbesondere ersteres.

Zitat

einen Weiterleitungs-Text in Bildschirmmitte zu platzieren.

macht man eigentlich mit text-align="center" oder so....

**Bluescreen** · 03.12.2006 18:33

Zitat von Bluescreen

Nun, die Tabelle mit der Höhenangaben (geplant war als Wert 99%) sollte nur dazu dienen, einen Weiterleitungs-Text in Bildschirmmitte zu platzieren.

Antwort darauf:

Zitat von Freierfall

macht man eigentlich mit text-align="center" oder so....

Ich brauche nicht nur die horizontale

Zentrierung,

sondern auch die Vertikale. Ich will ja in die Bildschirmmitte.

**mitaki** · 03.12.2006 18:33

Zitat

Ich bin gewillt, meine Seiten valide zu gestalten, doch CSS ist für mich noch relativ neu. Sollte ich mir ein Buch anschaffen?

Ein Buch ist nur nötig, wenn du etwas gedrucktes benötigst.
Das Internet bietet aber viele nützliche Adressen zu diesem Thema, siehe unter anderem meine über WWW verlinkte Linksammlung.

Zitat

Nun, die Tabelle mit der Höhenangaben (geplant war als Wert 99%) sollte nur dazu dienen, einen Weiterleitungs-Text in Bildschirmmitte zu platzieren.

Das braucht keine Tabelle.

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
 <title>Weiterleitung zu ...</title>
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <style type="text/css" media="screen">
 html, body {
  width: 100%; height: 100%;
  margin: 0; padding: 0;
  font-family: Verdana, sans-serif;
  background-color: #fff;
  color: #000;
 }
 #zentriert {
  position: relative;
  top: 40%;
  text-align: center;
 }
 </style>
</head>
<body>
<p id="zentriert">Weiterleitung</p>
</body>
</html>

Es ist nicht perfekt zentriert, aber von allen gängigen Browsern einwandfrei unterstützt.

Auf den ersten Blick mag das komplex wirken, wenn du jedoch viele Weiterleitungsseiten hast, kannst du die CSS auslagern und damit Traffic sparen.

FF · 03.12.2006 18:43

ühm, tuts n <div style="margin:0px auto"> weilterleitung!111</div> ned auch? o.O

edit:
damn. meinte natürlich div. egal. bin jetzt zu faul zum testen.

**mitaki** · 03.12.2006 18:48

Nein FF.
<span> ist erstens ein Inlineelement, weshalb margin:auto; zu 0px führt, der Text also links angeordnet bleibt.
Zweitens wird der Text dadurch vertikal nicht ausgerichtet.

Gut, meine Methode zur vertikalen Ausrichtung ist nicht ideal, aber das muss hier schon Massentauglich sein^^

Bearbeitung: Außerdem muss sich der IE für diese Standardmethode im standardkonformen Modus befinden, daher auch das gesamte HTML Grundgerüst.

Thema: 'HEIGHT'-Attribut in 'TABLE' invalidt?

Themen-Optionen

Anzeige

Hybrid-Darstellung

Berechtigungen