[HTML] Too cool for IE? - IE stellt Seite falsch dar

[3_of_8]

Morgen.

Ich habe mal wieder ein Problem mit dem IE.

Ich arbeite gerade an einem Blogsystem und denke mir, ich könnte doch eigentlich mal die Seite im IE anschauen. Das Ergebnis war... schockierend. Der IE hält sich überhaupt nicht an die Konventionen, aber gut, das ist ja nichts neues.

Die meisten Darstellungsfehler konnte ich mit ein paar Kniffen beheben. (Der IE ignoriert auto-margin, aber er richtet Block-Elemente mit text-align aus - irgendwie amüsant)

Ich habe jetzt folgendes Ergebnis:
http://3of8.selfip.org/niblog
http://3of8.selfip.org/niblog/register.php

Der IE 6 zeigt mir, obwohl ich position: absolute; sowie top und bottom gesetzt habe, meinen div nur soweit an, wie es der Text erforderlich macht. Auch eine Angabe von height hilft nicht.

Außerdem zeigt er mir beim 2. Link das Captcha überhaupt nicht an, nur dieses rote... Ding, das heißt "Bild ungültig/nicht gefunden".

Woran liegt das? Wie behebe ich das?

Übrigens: Valides XHTML Strict.
An fehlerhaftem HTML-Code kann es also nicht liegen.

EDIT: Außerdem wird im IE mein Navbutton etwa 64 pixel zu weit rechts angezeigt.

[Meflin]

Zitat von 3_of_8:

Außerdem zeigt er mir beim 2. Link das Captcha überhaupt nicht an, nur dieses rote... Ding, das heißt "Bild ungültig/nicht gefunden".

Kann ich nicht bestätigen. Wird wunderbar angezeigt (im IE)

[Elvis]

Zitat von 3_of_8:

Wie behebe ich das?

Gar nicht? Ist doch nix falsch.
Willst du überhaupt den typischen IE User als Leser haben?

[3_of_8]

Hab ich auch grad gesehen: Funktioniert in 30% aller Fälle. Komisch. Was mir im FF aufgefallen ist, es wird sehr langsam angezeigt, obwohls nur 15 kb hat und aufm localhost liegt...

EDIT: @Elvis: Doch. Da ist so einiges falsch. Und der IE ist nunmal ein verbreitetes... Ding... (jetzt hätte ich fast Browser gesagt... ), und manche schwören drauf. Warum weiß ich auch ned...

[igel457]

Also bei mir (IE 7) tritt der Fehler mit dem versetzten Button auch auf...

[OT]Ich hatte auch schon so meine Krämpfe mit dem IE...
Besonders Stylesheets kann man da vergessen. So Sachen wie td.dark:hover Funktionieren da überhaupt nicht, auch nicht mit IE 7. Ich musste mit JavaScript nachhelfen...[/OT]

[mkinzler]

Der IE werte hover nur bei a aus

[alcaeus]

Zitat von 3_of_8:

Der IE 6 zeigt mir, obwohl ich position: absolute; sowie top und bottom gesetzt habe, meinen div nur soweit an, wie es der Text erforderlich macht. Auch eine Angabe von height hilft nicht.

Suchen. Der IE6 kann das noch nicht, aber zum Glueck gibts sowas: http://dean.edwards.name/IE7/

Zitat von 3_of_8:

und manche schwören drauf. Warum weiß ich auch ned...

*plonk*
Wie viele Leute darauf schwoeren, und warum, muss dir als Webdesigner egal sein, du musst es einfach akzeptieren. Es gibt genug Fehler in allen Browsern, ueber die man lamentiert. Stell das o.g. IE7-Script per Conditional Comment rein, und freu dich zu sehn was nachher alles besser klappt als vorher. Dann nimmst du dir jeden Bug einzeln vor und ueberlegst dir, ob es nicht einfacher geht. Ehrlich: mindestens 75% aller Webseiten, die behaupten dass sie Probleme mit dem IE6 haetten, koennte man ohne viel Aufwand so aendern, dass es klappt. Man muss nur wissen, was man wie verwenden muss

@mkinzler: der IE6 wertet hover nur bei a aus, der IE7 kanns endlich
@Igel: der IE7 schluckt :hover bei allem das nicht bei 3 aufm Baum ist, siehe www.infler.de/forum/forums.php

Greetz
alcaeus

[3_of_8]

Ich wüsste nicht, wies leichter geht. Und dass ich es akzeptieren muss, ist mir auch klar, aber ein Zähneknirschen darf ich trotzdem loslassen.

Ne Idee woran das mit dem Button und dem Bild liegen kann?

[mkinzler]

Zitat:

@mkinzler: der IE6 wertet hover nur bei a aus, der IE7 kanns endlich Smile

Ein Lichtblick im Dunkel der Nacht.

[alcaeus]

Zitat von 3_of_8:

Übrigens: Valides XHTML Strict.

Aber grottenschlechtes:

Code:

<span style="font-size: 2.2em;">Niblog</span>


<span style="font-size: 1.2em; font-weight: bold;">Simply a testblog</span>

Dir sind h1-h6 ein Begriff? Weisst du wofuer das "h" in h1 steht?

BTW, schonmal versucht bei div.nav auch einen Wert fuer left hinzuknallen?

Greetz
alcaeus

PS: vertical-align:center gibts nicht.