Entwickler-Ecke :: Thema anzeigen - IE stellt Site unlogisch falsch dar

Danny87 - So 17.02.08 11:37
Titel: IE stellt Site unlogisch falsch dar

Moin Leute,

ich bau mir grad ne neue Website, welche auch im IE richtig angezeigt werden soll.
Das hat bis jetzt auch alles gut geklappt, aber jetzt muckt der IE rum (ja, ich weiß "welch Wunder :mrgreen:").

Er muckt allerdings nicht irgendwie rum, sondern total unlogisch.
Ganz links und rechts kachelt er die Linien weiter, aber in der Mitte nicht.
Das ist jedoch unmöglich, denn die Kachelung am Rand und in der Mitte besteht nur aus einer einzigen, zusammenhängenden Grafik! :gruebel:

Das hängt bestimmt irgendwie damit zusammen, dass der Text "Neue Nachrichten" im IE auch weiter unten angezeigt wird, als im FF.

Kennt zufällig jemand den Fehler und weiß wie man diesen Schrott umgehen kann? (Außer auf den IE zu pfeifen? ;))
Achja...der Fehler tritt nur dann auf, wenn ich den div mit dem Text "Neue Nachrichten" einbinde.
Hängt also irgendwie damit zusammen (oder mit dem Formular obendrüber?).

Im Anhang sind 2 Bilder. Eins vom FF und eins vom IE.

alias5000 - So 17.02.08 13:09

Hmm, mist. Das Problem hatte ich auch mal, als ich ein Layout für das CMS Typolight umgeschrieben habe.
Leider weiß ich nur noch, dass ich bei dem Problem nochmal von vorne angefangen hatte, das zu portieren :?

Danny87 - So 17.02.08 15:13

Hab den IE jetzt mal en bisschen ausgetrickst. Hab einfach die Hintergrundgrafik und das Feld 20 Pixel größer gemacht *g*

Der Text "Neue Nachrichten" steht zwar immer noch zu weit unten, aber das liegt wohl daran, wie beim IE der Textfluss nach einem Formular weitergeht.

Wenn dazu noch jemand eine Lösung hat, bin ich natürlich dankbar ;) :)

GTA-Place - So 17.02.08 15:37

Quelltext

1:
2:
3:
4:

* {
  margin: 0px;
  padding: 0px;
}

gesetzt?

Kroko - So 17.02.08 18:05

(a) zum Problem: keine Ahnung
(b) allg zum Problem: IE macht bei unserer Homepage auch nur Müll, in FF sieht es immer tadellose aus, IE verschoben, nicht transparent und und und ...
(c) doch eine Lösung : IE löschen, :lol:

jaenicke - So 17.02.08 18:14

Ja, sowas kenne ich, allerdings eher in die andere Richtung. Im IE siehts richtig aus und für den FF muss ich nicht-standard-kompatiblen Müll machen, damits richtig aussieht, weil ders einfach falsch darstellt. Und das obwohl die FF-Entwickler immer behaupten der sei standard-kompatibel...

Jedenfalls kann ich da nur die Opera Developer Console [http://dev.opera.com/articles/view/opera-developer-tools/] für den Opera, die IE Developer Toolbar [http://www.microsoft.com/downloads/details.aspx?FamilyID=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en] für den IE und FireBug [http://www.getfirebug.com/] für den Firefox empfehlen, damit sieht man meistens relativ schnell worans hakt.

Danny87 - So 17.02.08 18:48

GTA-Place hat folgendes geschrieben:

Quelltext

1:
2:
3:
4:

* {
  margin: 0px;
  padding: 0px;
}

gesetzt?

Ich wusste, dass ich was vergessen hatte... das wars :autsch:
Danke! :) :flehan:

Die Website steht momentan hier rum: http://www.multicoder.net/_test_sites/newtest2/index.php
Bin halt noch am rum basteln ;)

jaenicke - So 17.02.08 18:48

elundril hat folgendes geschrieben:

noch eine Idee: Einfach von anfang an auf IE die Seite zuschneiden, dann passts auch bei den anderen. ;-)

Stimmt leider nicht, ich hab eine Seite so gesetzt, dass die Randangaben, etc. richtig passten aus dem Bild heraus, das ich vorher gebastelt hatte per Bildbearbeitung.
Im IE und Opera sahs dann auch richtig aus, im FF leider nicht. Dazu kam, dass der FF die Breitenangaben eines DIVs komplett ignoriert hat. IE, Opera, Safari, überall war der DIV korrekt dargestellt, nur im FF nicht trotz pixelgenauer Angabe der gewünschten Breite.

Aber wie ich gerade sehe, ist die Frage eh schon beantwortet^^.

Danny87 - So 17.02.08 18:52

jaenicke hat folgendes geschrieben:

Dazu kam, dass der FF die Breitenangaben eines DIVs komplett ignoriert hat.

Also bei mir funktioniert das mit der Breitenangabe im style-tag (oder der class) wunderbar.

jaenicke - So 17.02.08 19:24

Danny87 hat folgendes geschrieben:

jaenicke hat folgendes geschrieben:

Dazu kam, dass der FF die Breitenangaben eines DIVs komplett ignoriert hat.

Also bei mir funktioniert das mit der Breitenangabe im style-tag (oder der class) wunderbar.

Dann schreib mal Text ohne Leerzeichen rein. In der Definition des W3C steht drin, dass die Breite dennoch die angegebene sein muss (heißt: der Text muss umgebrochen werden)...
Und alle Browser außer dem Firefox machen das auch korrekt.

Entwickler-Ecke.de based on phpBB
Copyright 2002 - 2011 by Tino Teuber, Copyright 2011 - 2025 by Christian Stelzmann Alle Rechte vorbehalten.
Alle Beiträge stammen von dritten Personen und dürfen geltendes Recht nicht verletzen.
Entwickler-Ecke und die zugehörigen Webseiten distanzieren sich ausdrücklich von Fremdinhalten jeglicher Art!