Hallo allerseits.
Ich habe ein Problem - Ich bin gerade dabei ein CMS zu entwickeln, von der Programmierung und der Struktur passt alles.
Es besteht aus einer Tabelle mit 2 Zeilen und 2 Zellen. Die obere Zeile ist die Überschrift - da ist kein Problem. Aber in der zweiten Zeile wird links das Menue und rechts der Inhalt aus einer Datenbank ausgelesen. Alles schön und gut, aber als ich mich dem Design widmen wollte, bin ich dabei auf folgende eigenaritge Fehl-Interpretation des Firefox gestoßen:
Egal welchen Menuepunkt ich gewählt habe, der Inhalt der rechten Tabelle wird um ~ 150 Pixel nach unten verschoben.
Hier ein Screenshot:
Firefox:

Internet Explorer:


Der Code vom CSS:

Code: Alles auswählen

.zelle_links{
background-color:#f9f9e0;
height:470Px; width:220Px;
vertical-align:text-top;
text-align:left;
padding: 24Px;
padding-left:17Px;
line-height:14pt;
letter-spacing:1pt;
}
.zelle_rechts{
font-family:Verdana;
background-color:#f9f9e0;
height:470Px; width:690Px;
padding: 31Px;
vertical-align:text-top;
}

Könnt ihr mir helfen mein Problem zu lösen?


Vielen, vielen Dank
Lg,
Chris

Da steht:

Code: Alles auswählen

vertical-align:text-top;

Richtig wäre:

Code: Alles auswählen

vertical-align:top;

Ich kann dir nur empfehlen, mit Validierungsprogrammen nach Fehlern zu suchen, so kannst du wirklich sicher gehen, dass die Website in allen (modernen) Browsern funktioniert.
(X)HTML: http://validator.w3.org/
CSS: http://jigsaw.w3.org/css-validator/

ahhhh...

Code: Alles auswählen

vertical-align:top;

das war der Fehler.

Vielen, vielen Dank für die schnellen Antworten und die URLs

Thxal!!!!