Falsche Darstellung im IE

[Stefan]

Nabend, ich bastel grade ein neues Design zusammen.

Damit habe ich nun zwei Probleme:
1. Es sieht im IE nicht richtig aus (schlimm)
Es scheint an 'position:fixed' zu liegen, allerdings ist mir keine andere Möglichkeit bekannt, es so darzustellen, denn 'position:fixed' ist genau richtig.
----

2.
Ich habe ein Submenü mit den Einträgen "News", "Festival" usw.

Jetzt Habe ich per CSS (content.css) halt einen hover definiert, der den Link halt bei einem Hover mit Punkten unterstreicht. Das funktioniert auch, allerdings ist der Abstand der Punkte von Link zu Link unterschiedlich. Das ist zwar nicht tragisch, allerdings würde mich der Grund interessieren.

DIESES PROBLERM TRITT NUR IN OPERA AUF!!
Ist es deshalb ein Opera Problem, oder habe ich was falsch gemacht?
----

Die Seite ist momentan hier zu begutachten:
http://tyfoo.org/a/dyn?sub=home

(Ja, es sieht im IE komplett falsch aus und valid ist es auch nicht.)

Ist es deshalb ein Opera Problem, oder habe ich was falsch gemacht?

Ich bedanke mich schonmal für Antworten.

// Stefan

[Christian S.]

Nabend, ich bastel grade ein neues Design zusammen.

Damit habe ich nun zwei Probleme:

1. Es sieht im IE nicht richtig aus (schlimm)
   Es scheint an 'position:fixed' zu liegen, allerdings ist mir keine andere Möglichkeit bekannt, es so darzustellen, denn 'position:fixed' ist genau richtig.

---

IE 6 unterstützt position fixed nicht. Es gibt aber Workarounds... ich glaube die heißen Behaviours und gehen nur mit JavaScript.
< http://www.lipfert-malik.de/webdesign/tutorial/bsp/positionfixed.html>

Ich habe ein Submenü mit den Einträgen "News", "Festival" usw.

Jetzt Habe ich per CSS (content.css) halt einen hover definiert, der den Link halt bei einem Hover mit Punkten unterstreicht. Das funktioniert auch, allerdings ist der Abstand der Punkte von Link zu Link unterschiedlich. Das ist zwar nicht tragisch, allerdings würde mich der Grund interessieren.

DIESES PROBLERM TRITT NUR IN OPERA AUF!!
Ist es deshalb ein Opera Problem, oder habe ich was falsch gemacht?

vermutlich.

Die Seite ist momentan hier zu begutachten:
http://tyfoo.org/a/dyn?sub=home

(Ja, es sieht im IE komplett falsch aus und valid ist es auch nicht.)

dito.

IE 6 unterstützt auch deine vielen transparenten PNGs nicht. Auch dafür gibt es Lösungsansätze. (Stichwort AlphaImageLoader).

Gruß
Christian

[Der Martin]

Hallo Stefan,

Es scheint an 'position:fixed' zu liegen, allerdings ist mir keine andere Möglichkeit bekannt, es so darzustellen, denn 'position:fixed' ist genau richtig.

IE bis Version 6 kennt position:fixed nicht, beim IE7 bin ich mir nicht sicher. Ebensowenig unterstützt er PNGs mit Alphatransparenz.
Den IE schickst du außerdem mit dem Kommentar vor dem DOCTYPE in den Quirks-Mode, in dem er sich bekanntlich noch weniger standardkonform verhält.

Die Seite ist momentan hier zu begutachten:
http://tyfoo.org/a/dyn?sub=home

Und ich bewundere wieder einmal die Browserhersteller (einschließlich Microsoft), dass sie aus einem gravierend fehlerhaften Code noch etwas Sinnvolles produzieren.

* Das erste meta-Element ist nicht korrekt geschlossen
* Im ersten style-Block sind unsinnige HTML-Kommentarzeichen an Stellen, wo sie nun wirklich gar nicht hingehören, nämlich mittendrin
* Der erste style-Block endet irgendwo, das head-Element auch, danach kommen zwei link-Elemente, die dort (im Niemandsland zwischen head und body) nichts mehr verloren haben
* Innerhalb vom body beginnt ein neuer style-Block, der da nicht hingehört
* Direkt danach öffnest du das body-Element von neuem

(Ja, es sieht im IE komplett falsch aus und valid ist es auch nicht.)

Stimmt. Ein Besuch beim Validator könnte gelegentlich ganz hilfreich sein. ;-)

So long,
 Martin