Tabellenlayout

html.de-Forum HTML, XHTML & CSS
1

Ich bastel gerade an einem Tabellenlayout. Wie gesagt steckt das ganze noch ganz im Anfang, aber ich hätte trotzdem ne Frage:

so sieht mein Quelltext aus:
[html]

Tabellenlayout
Meine Head Wallpaper
Navi Content
[/html]und so der CSS-Teil [code]body { color:#FFFFFF; background-color:#EFEFEF; } a:link { color:#FF0000 } a:visited { color:#ff0000 } .one { border:2px solid black; cellpadding:0px; cellspacing:0px; width:950px; height:100%; } .middle-header { width:100%; background-image:url(img/a/middle_header.png); } .left-header { width:86px; } .right-header { width:494px; } .two { border:0; cellpadding:0; cellspacing:0; width:100%; height:100%; } .navi { width:15%; background-color:silver; } .content { width:85%; background-color:grey; }[/code]Und so sieht die Seite dann aus: http://pascuatheus.pa.ohost.de/hm/2.png

entferne ich jedoch hier das Cellpading und -spacing, da es ja bereits in der CSS-Datei vermerkt ist, verschiebt sich eine Tabelle:

[html]

[/html]und das sieht dann so aus:
http://pascuatheus.pa.ohost.de/hm/1.png

Wo ist mein Denkfehler? Tritt das Problem nur beim FF 2 auf? Wäre gut wenn mir das jemand sagen könnte. Vielen Dank schonmal!

2

Du hast mehrere HTML-Fehler eingebaut:

  1. Hier fehlt ein Anführungszeichen: <meta content="text/html; charset=ISO-8859-1 http-equiv=„content-type“[B]>

[/B] 2. Die äußere Tabelle mit der Klasse „one“ ist nicht beendet
3. verwendet man nicht mehr. Ersatz bietet CSS.

Validiere deine Seite bevor du dich über Probleme wunderst. Gleiches gilt auch für die CSS-Datei - durch validieren wäre die aufgefallen, dass es „cellpadding“ und „cellspacing“ nicht gibt. Verwende statt dessen border-collapse: collapse; und schon ist dein Problem gelöst.

Und letztlich verwendet man eigentlich auch kein Tabellenlayout mehr …

3

Zum Lernen ist es immer noch sehr hilfreich.
Die center hätte ich noch ersetzt.

Trotzdem danke!