Hat jemand von euch Ahnung vom IE 5.0?

[Jeena Paradies]

Hallo,

Hallo Jeena,

ich habe eine Beispiellösung MSIE 5 erarbeitet: http://home.t-online.de/home/dj5nu/fanhost/jeena.html

Danke für die Mühe, aber da ist der obere Rand von .menu 1px weiter unten als der obere Rand von .ende und das sieht ein wenig blöd aus (zumidest ist es hier so auf meinem Opera 7.21/Liux) Hier habe ich das jetzt auch schon hingekriegt: http://jeenaparadies.servebeer.com/selfhtml/gutgesell/
Wenn du einen IE 5 und/oder IE 5.5 hast könntest du mir vieleicht sagen, wie sich da das alles so verhält (also Bildwechsel, Schrift vergrößern / verkleinern und so weiter.

Mit einem \ im Eigenschaftsnamen kann man Styles vor MSIE<6/Win (und Netscape 4 und Opera 5) verstecken, du kannst natürlich auch Conditional Comments verwenden, die wirken genauer.

Kannst du mir das noch mal genauer erklären? Wo finde ich darüber informationen? Ich müsste dann nämlich nicht noch eine extra Datei für den IE 5.x machen. Das wäre dann schon viel schöner.

Nach wie vor ist mir nicht klar, wie du .menu und .ende (besser: #ende, also id="ende") dieselbe Höhe in allen Browsern geben willst,

Das will ich doch gar nicht. Das soll eigentlich so aussehen wie in Opera 7.21, IE 6, Mozilla 1.5, Safari (weiß nicht mehr welche Version das war)
So wie es jetzt ist ist .menu ein wenig unter .ende und so soll das auch sein. Leider kriege ich .menu mit margin-top nicht weiter runter (warscheinlich aus Mangel an allgemeinem Verständniss über margin) Und Wenn ich line-height wie im IE 6 verwende dann ist .menu genau so hoch wie line-height. Das sieht dann scheiße aus. Außerdem ist der letzte link aus mir unerklärlichen Gründen höher als die anderen. Wenn ich aber in der html Datei .ende über .menu lege und mit negativen margin Angaben arbeite dann funktionert der Bildwechsel im IE 6 nicht mehr.

Gecko jeweils gesonderte Styles einzubinden, wäre unangemessen.

Das stimmt, und das ist überhaut das letzte was ich will. Ich habe es jetzt so gemacht, dass es in den Browsern die ich zur verfügung habe so aussieht wie im Mozilla 1.5 Das sind Opera 7.21; Mozilla 1.5; Firebird 0.7/0.7.1; IE 6.0; (NS 4.77 ein bischen anders ;-))
Ich kann mir vorstellen dass es dann in allen Mozillas und Firebirds so aussieht, und in allen Operas 7.x Die zwei IE 5.x haben dann keinen Bildwechsel und auch das nach unten verschobene nicht, also fehlt da so der kleine räumliche Effekt, aber das finde ich nicht so schlimm. Hauptsache es sieht nicht blöde aus.

Als ich diese Probleme mit IE 6 hatte habe ich ausprobiert padding-top und padding-bottom um je 1px bei hover zu verkleinern. Das hat eigentlich auch super ausgesehen. Doch leider hat es dann im Mozilla nicht mehr mit dem Bildwechsel geklappt.

Ich glaube es liegt eigentlich auch viel an meinem Unwissen, was die einzelnen margins paddings floats und so weiter machen dürfen/können/sollen. Und es wird bestimmt noch sehr lange dauern, bis ich duchsteige, wie sich das W3C das alles theoretisch gedacht hat. Dann kommt noch eine viel längere Periode in der ich herauszufinden versuchen werde was die einzelnen Browser davon wie verstehen. Aber ich hab ja Zeit und Lust dazu, also auf in den Kampf! ;-)

Grüße
<img src="http://www.jeenaparadies.it-pc.de/unterschrift.png" border="0" alt="">