Katastrophale Darstellung im IE

[anbis]

Hallo, also ich arbeite jetzt schon eine ganze Zeit an der Seite und sie wird auch von fast allen gängigen Browsern korrekt angezeigt, jedoch immernoch nicht vom IE.
Ein paar Teilseiten der Website werden völlig korrekt (abgesehen von dem falschen Padding...) angezeigt, andere jedoch vollkommen falsch. Elemente werden falsch plaziert, oder sind zwar in der richtigen Reihenfolge, aber der Container der die Elemente enthält, wird plötzlich am Seitenende angezeigt. Es ist zum verrückt werden.....und ich weiss ehrlich gesagt auch nicht, wieso manche Seiten richtig und andere wieder falsch angezeigt werden.

Hat jemand eine Idee?
Der vorläufige Webspace der Seite ist http://alqq.xail.net. Falls jemand den Quelltext braucht, einfach nur Bescheid sagen.
Wäre wirklich sehr nett, wenn mir jemand helfen könnte, mir fällt einfach nichts mehr ein.
Danke schonmal.

Achso: Ich habe gerade nur den IE 6.0 auf meinem Rechner zum prüfen, also dort tauchen die Fehler auf.
Ich bin mir nicht ganz sicher, doch der IE 6.0 ist immernoch relevant oder? Wenn es nur noch wenige Nutzer gäbe, wäre es ja nichts o wichtig...

 

[Maik]

Hi,

ich hab jetzt Wunder wer weiss was erwartet, aber unter einer katastrophalen Darstellung verstehe ich dann doch etwas anderes, denn die Unterschiede zu den übrigen Browsern sind sowas von minimal, dass man sie fast schon vernachlässigen könnte. :suspekt:

Ich tippe jetzt mal auf den "Double-Margin-Bug" bei einem oder mehreren der floatenden Elemente, die nicht mit display:inline ausgezeichnet sind, denn ehrlich gesagt habe ich keine Lust, mich durch die drei scheinbar gleichlautenden Stylesheets blub.css, blubie.css und blubieie.css zu ackern, um in den beiden letztgenannten zu überprüfen, ob darin nicht doch irgendwo ein anderer Eigenschaftswert gesetzt ist, als im ersten Stylesheet.

Hab ich so auch noch nicht erlebt, dass ein Autor drei (gleichlautende) Stylesheets in ein Dokument lädt.

Wenn ich mich recht erinnere, hatte ich dich aber schon vor einem Jahr in einem deiner letzten Threads darauf aufmerksam gemacht, deine Stylesheets aufzuräumen, sprich alles, was da an ehemaligen Selektoren und Eigenschaften auskommentiert ist, endgültig zu entfernen, damit man sich darin auch besser zurechtfindet.

Und falls es dir wieder entfallen sein sollte, im IE-spezifischen Stylesheet wird nicht das komplette Stylesheet wiederholt, sondern darin nur die Selektoren und CSS-Eigenschaften notiert, deren Werte für den IE angepasst werden müssen, denn der IE lädt auch das "normale" Stylesheet in das Dokument, und überschreibt dann die CSS-Regeln aus dem vorangegangenen Stylesheet.

Ansonsten wirst du in der nahen Zukunft wohl kaum ohne weiteres in dem CSS-Duplikat nachvollziehen können, was du seinerzeit für den IE umgestellt bzw. angepasst hast.

 

[anbis]

Jo danke schonmal. Kannst du mir bitte sagen, welchen Browser du benutzt? Wie gesagt mit dem IE 6.0 wird einfach alles falsch dargestellt.
Da ich das für jemand anderen mache, würde ich es eben gerne mit allen Browsern anschaubar machen. Oder ist der IE 6.0 wirklich total veraltet (sprich hat kaum noch Marktanteil?).

Gibt es eine Möglichkeit den Margin/Padding-Bug zu umgehen? Hatte mich eigentlich mal über diesen Bug informiert und alles umgestellt...aber hat nichts geholfen (oder auf der Seite war es falsch beschrieben ?).

Naja danke jedenfalls und schönes WE noch.

 

[Maik]

Die Verschiebung des Listenelements taucht in allen IE-Versionen auf, einschliesslich dem aktuellen IE7.

An deiner Stelle würde ich mal, wie schon von mir erwähnt, das Stylesheet blub.css gründlich aufräumen, die CSS-Datei blubie.css in den Papierkorb verschieben, und im IE-spezifischen Stylesheet blubieie.css ausschliesslich die Selektoren und CSS-Eigenschaften aufnehmen, die für den IE angepasst werden müssen, denn möglicherweise überschreibt dort eine Regel die vorangegangene, und wie mir scheint, hast du bedingt durch die drei Stylesheets auch etwas den Überblick mit der CSS-Formatierung der Seite verloren.

 

[Maik]

Wie gesagt mit dem IE 6.0 wird einfach alles falsch dargestellt.

Und nun sag mir mal bitte anhand der beiden Screenshots (FF2 & IE6), was da, abgesehen von der leicht nach rechts und unten verschobenen Liste, im IE alles falsch dargestellt wird:



Den Katastrophenschutz müssen wir zumindest schon mal nicht anfordern

 

[anbis]

Oh entschuldige, ich hab mich etwas unklar ausgedrückt. Die Startseite hab ich ja mit dem IE eigenen CSS mehr oder minder "geflickt", allerdings ist das eben nur bei der Startseite so.

Bei den Unterseiten ist es allerdings anders. Z.b. http://alqq.xail.net/polster.php und http://alqq.xail.net/holz.php werden beim IE total verschoben dargestellt. Irgendwie scheint es an dem float zu liegen, denn bei der Startseite, sowie bei http://alqq.xail.net/unikate.php
wird alles richtig angezeigt (diese sind float: left, die nichtfunktionierenden float:right).
Als ich jedoch versucht habe, einfach die Seiten mit float :left neu einzurichten, hat es auch nicht ganz geklappt, bei http://alqq.xail.net/tapezieren.php ist unten irgendwie noch eine Verschiebung drin...

Ist dir zufällig ein IE Fehler mit float: right bekannt oder so etwas in der Richtung?
Irgendwie ist das ganze wirklich mysteriös...

 

[Maik]

Hi,

bevor ich mich mit den Stylesheets nur eine Minute näher befasse, fordere ich dich hiermit jetzt zum letzten Mal auf, in deinen Stylesheets endlich für Ordnung zu sorgen.

Es kann doch nicht angehen, dass wir uns da durch 5 (oder mehr) Stylesheets wühlen sollen, um nach der Ursache zu suchen.

Wenn ich mir beispielsweise den CSS-Code der blubholz.css anschaue, frage ich mich, wieso du darin den schon existierenden CSS-Code aus der blub.css wiederholst.

Sorry, aber wenn du hier von uns Hilfe erwartest, dann solltest du uns das Forscherleben auch nicht unnötig schwer machen.

 

[anbis]

Guten Abend,
also ich habe jetzt nochmal alles überarbeitet, ich hoffe es ist jetzt verständlich. Probleme mit dem IE ergeben sich vorallem, weil dieser double-padding-Fehler, oder was auch immer das ist, angezeigt wird, und bei den letzten 3 Seiten die Positionen der Elemente vollkommen falsch bzw. gar nicht umgesetzt werden (also bei Polster/Tapezieren/Unikate). Hier der Link zum Webspace:
http://alq.pytalhost.com

Noch zur Erläuterung: Die general.css enthält alle allgemeinen Daten/die Grundstruktur der Page, die einzelnen .css Dateien wie unikate.css, enthalten die Positionsangaben der einzelnen Elemente.

Falls ich noch irgendetwas hier nachliefern oder es noch weiter vereinfachen soll (allerdings wüsste ich nicht wie, ich habe jetzt eigentlich alles unnötige entfernt), bitte einfach bescheid sagen.

 

[anbis]

Verschobene Darstellung im IE

Tag allerseits,
tja es ist schon eine Weile her, seit ich das letzte mal hier ein auf diese Website bezogenes Problem gemeldet habe...nun ist sie fast fertig, der IE sorgt allerdings immernoch für Probleme.

Der IE verschiebt nämlich die "Mutter-Ebene", ich nehme an entweder die Div "Bilder" oder die Liste (ul) "Bilder2". Naja jedenfalls bleibt der Abstand der Objekte in dieser "Ebene" gleich, bzw. korrekt, nur eben die Ebene an sich ist verschoben, also deplaziert.
Leider habe ich keine Ahnung, woraus dieses Problem resultieren könnte, FF, Opera und Safari liefern ein einwandfreies Ergebnis.

Die Seite ist vorläufig hier zu finden: http://alq.pytalhost.com/polster.php

(die CSS-Dateien befinden sich dann hier:
http://alq.pytalhost.com/css/general.css und http://alq.pytalhost.com/css/polster.css,
wobei die allgemeinen Angaben, die wohl für dieses Problem sorgen, in der general.css zu finden sind...also die Angaben für das "Mutter-Element", in polster.css befinden sich nur die einzelnen Angaben für die Objekte in der Ebene.)

So, ich hoffe ich konnte es halbwegs veständlich erklären,
wäre für jede Art von Hilfe wirklich dankbar, ein kurzes Stichwort würde mir auch schon wahnsinnig weiterhelfen

Falls irgendetwas fehlt, bitte einfach bescheid geben. Danke schonmal,

anbis