Unterschiedliche Darstellung in Mozilla und IE

[newspace]

Hallo
nach meiner letzten Frage habe ich gemäß euren Antworten meine Seite etwas umgebaut. Sie müsste jetz bis auf die alt-Tags dem HTML-Stadard genügen. Aber FireFox und der IE geben immer noch ein leicht unterschiedliches Ergebnis aus. Der vertikale Balken links rutscht beim IE weiter nach unten als im FireFox. Ich wollte das per div-Tag beheben, aber da verschieben die 2 Browser den Balken wieder unterschiedlich.
Wie schaffe ich es, dass der Balken in beiden Browsern ganz oben in der Tabelle anliegt, und nicht auf die halbe Höhe als Mittelpunkt, und dann oben und unten gleich viel Platz ist?
Hier ist meine Seite:
http://www.alexandra-ferienwohnungen.de/test3/index.html

[Orlando]

Hi newspace,

http://www.alexandra-ferienwohnungen.de/test3/index.html

Opera hat übrigens ein ziemliches Problem mit dieser Seite:

<img src="http://skop.net/self/ferienwohnungen.jpg" border="0" alt="">

Doctype und Encoding fehlen (ersteres ist vermutlich der Grund für die Verschiebungen), das Stylesheet ist auch nicht fehlerfrei:

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.alexandra-ferienwohnungen.de%2Ftest3%2Findex.html&warning=1&profile=css2&usermedium=all

Grüße,
 Roland

[newspace]

Danke
habe das Doctype hinzugefügt.
wie sieht es jetzt mit opera aus? OK?
Danke
Bastian

[Orlando]

Hi Bastian,

habe das Doctype hinzugefügt.
wie sieht es jetzt mit opera aus? OK?

leider immer noch nicht. Es liegt am position:relative:

<div style="position:relative; top:0px; left:-92px; width:140px; height:250px">

Es reicht übrigens, dieses Element mit einem höheren z-index in den Vordergrund bringen:

<div style="position:relative; top:0px; left:-92px; width:140px; height:250px; z-index:1">

Das gilt auch für das <div> mit dem Logo. Danach sieht's in Opera aus wie gewollt.

Grüße,
 Roland

[newspace]

OK.
Ist geschehen!
Danke

[Ingo Turski]

Hi,

immer noch sehr unschön.
zum einen keine Schriftfarbe definiert -> je nach Voreinstellung schlecht bis garnicht lesbar
zum anderen überlagert die Überschrift im Opera das Textlogo.
Außerdem bekomme ich bei Schriftvergrößerung einen völlig unsinnigen seiteninternen Scrollbalken.

freundliche Grüße
Ingo

[newspace]

Danke.
Habe jetzt die Schriftfarbe vorgegeben.

zum anderen überlagert die Überschrift im Opera das Textlogo.

Dann stellt der Opera den Textausschnitt noch höher an, wie der Mozilla-Browser.
Weis jemand, warum das so ist, und wie man das div in allen Browsern gleich weit oben anzeigen lassen kann?

Bastian

[Ingo Turski]

Hi,

Habe jetzt die Schriftfarbe vorgegeben.

aber noch nicht online...

Weis jemand, warum das so ist, und wie man das div in allen Browsern gleich weit oben anzeigen lassen kann?

indem Du z.B. die überflüssigen relativen und Positionierungen mit zudem negativen Werten durch float/margin/padding ersetzt.

freundliche Grüße
Ingo

[newspace]

Jetzt hat die Siete auch den Validation Service Test bestanden.
Mein einziges Problem ist jetzt nur noch das Text-div rechts. Das wird in jedem Browser verschieden weit nach oben verschoben! Warum?
Danke

P.S.: Danke für den Opera-Tipp. Ist die Seite da auch endlich OK?

[Detlef G.]

Hallo newspace

P.S.: Danke für den Opera-Tipp. Ist die Seite da auch endlich OK?

Leider nein.
http://d-graff.de/demos/selfhtml/alexandra_opera.png

Meine Erfahrung mit Mozilla sind, dass dieser oft Probleme mit relativ positionierten Elementen macht.
Das soll jetzt nicht heißen, dass du versuchen solls, absoluter zu positionieren.

Du verwendest eine Tabelle, warum?
Hat du tabellarische Daten?
Ich wiederhole mich:

Vieleicht muss man sich einmal von einer (scheinbaren) Lösung trennen und nach einer anderen Möglichkeit suchen.

Ingo Turski hat dir schon Tipps gegeben, in welche Richtung deine Überlegungen gehen sollten.

MFG
Detlef