Browserkompatibilität

[eaZy]

Mahlzeit,

ich bin gerade dabei, meine Webseite im neuen Glanz erstrahlen zu lassen und bin auch sowet schon recht weit.
Aber wiedermal ist mir aufgefallen, dass irgendetwas schief läuft -.- meines erachtens scheint der Internetexplorer nicht rechnen zu können.

warum sieht mein Design (http://eazy-designs.de/v8) in Firefox super aus im Internetexplorer aber nicht?

Dazu sei gesagt, ich arbeite mit der Maßeinheit px, habe mal gelesen, pt soll besser sein, ist da etwas dran?
Wichtig für mich wäre aber ob jemand meinen grundlegenden Fehler erkennt, der den IE dazu bringt solchen Mist zu machen.

CSS-Datei: http://eazy-designs.de/v8/index.css

Danke schonmal für die Unterstützung!


IE:


FF:

[fluuu]

Hallo,
dann schreibst Du hin 'optimiert nur für Firefox, alle anderen haben Pech gehabt', nee, ist nur ein Scherz.
Natürlich muss es in allen Browsern funktionieren, gerade IE soll noch prozentual die meisten Anwender haben.
Wie es ausschaut müsste man mal in den Quelltext gucken aber im Moment habe ich nicht die Ruhe dafür,
vielleicht ein andermal oder ein anderer hat da mehr Lust gerade und nimmt sich dem Thema an...

gruß fluuu

[eaZy]

naja, also meine Vermutung ist halt, dass es an den Breitenangaben liegt, die jedes Div mitbekommen hat, denn diese sind alle in der Einheit "px" und wie schon erwähnt, soll der IE damit einige Probleme haben er soll "pt" bevorzugen, aber dazu hätte ich gerne noch eine Bestätigung/Erläuterung.

Aber Danke schonmal.

[nettotal]

Hi,

ich habs mir nur kurz angeschaut, aber vielleicht liegts hier dran http://de.selfhtml.org/css/formate/box_modell.htm#box_model_bug. Mit welchem IE hast du's probiert?

Gruß

[eaZy]

also ich sitz hier gerad an nem Vista-Rechner, daher kann ich des schlecht sagen, des Bild is von meiner Freundin, die hat soweit ich weiß noch die 5er Version.
Ich werd gleich mal schaun, ob's an der sache liegt, wäre auf jedenfall super Danke vielmals!

[Ingo]

Hi.
Tja, irgendwas mit dem Box-Model, ich denke, es geht in die Richtung; hab aber im Moment auch keine
Ahnung, was genau da schiefgeht. - Aber eine erste Maßnahme:

Code: Alles auswählen

* html .navi { margin-left:6px; }                /* nur IE */


Außerdem in der class .head zusätzlich overflow:hidden setzen. Zudem scheint der IE (hier 6)
mit der Transparenz in PNGs nicht klarzukommen. - Tja, es könnte alles sooo einfach sein ....

[eaZy]

Es könnte ja... aber Microdoof macht einem halt gerne einen Strich durch die Rechnung.

Danke für eure Tips, ich melde mich, wenn ich sie umgesetzt habe und werde dann vielleicht ein angepasstes Design zeigen.