Thema: Darstellungsprobleme im Internet Explorer 9

AEOne · **am:** 19. November 2011, 14:50:57

Hallo,

ich weiß nicht, ob das Problem anderweitig schon mal behandelt wurde, mit der Suche konnte ich jedenfalls nichts herausfinden.
Ich habe massive Darstellungsprobleme mit meinem Shop, wenn ich ihn über den Internet Explorer aufrufe.
Weiß nicht, ob das erst mit der 9er Version so ist oder schon früher - kann ich nicht rückverfolgen.
Sowohl der Firefox als auch Opera stellen den Shop ordnungsgemäß dar.

Wie das Problem aussieht, zeigen die Bilder, meine Shop-Adresse lautet http://www.cohaus-berlin.de/shop.

[ Für Gäste sind keine Dateianhänge sichtbar ]

[ Für Gäste sind keine Dateianhänge sichtbar ]

Könnt Ihr mir helfen und sagen, was da faul ist?

Danke + Gruß AEOne

Linkback: https://www.modified-shop.org/forum/index.php?topic=16848.0

Matt · **Antwort #1 am:** 19. November 2011, 15:20:06

Das Problem besteht auch im IE8. Der "margin: 0 auto" schiebt den Slider zu weit nach rechts. Setz den "margin" doch mal auf generell 0px.

AEOne · **Antwort #2 am:** 19. November 2011, 15:42:58

@Matt: Danke, das hat schon etwas geholfen - jetzt sind die beiden mittleren Elemente schon mal untereinander. Trotzdem rutschen die Boxen rechts immer noch nach unten und der ganze Shop ist linksbündig anstatt zentriert...

EDIT: Bild vergessen...

[ Für Gäste sind keine Dateianhänge sichtbar ]

Matt · **Antwort #3 am:** 19. November 2011, 16:42:15

Der IE rendert deine Loginbox zu breit. Am besten rauswerfen, braucht eh keiner. Oder korrigieren.

Zur fehlenden Zentrierung fällt mir spontan auch nichts ein.

franky_n · **Antwort #4 am:** 19. November 2011, 17:06:56

Hallo Ihr Beiden,

das "margin: 0px auto;" ist auch für die Seitenzentrierung gedacht.

Vielleicht ist es besser die Slideshow auch noch mal in ein div zu packen und dieses in der Breite begrenzen.
Du solltest auch mal schauen ob in der Login Box evtl. Breiten zu definieren sind damit der helle Teil der Box mit der Überschrift gleich ist.

Meistens entstehen solche Darstellungsfehler ja dadurch das ein Wert nicht 100%ig definiert ist und deshalb der Browser sich seine Positionen und Breiten "aussucht".
Das kann dann in unterschiedlichen Browsern zu unterschiedlichen Ergebnissen führen.

Viele Grüße

Franky

liv · **Antwort #5 am:** 19. November 2011, 17:35:20

Probier mal folgendes:

IE9 in Kompatibilitätsmodus zwingen:

in Datei "/includes/header.php" nach Zeile 34 (<head>) folgendes einfügen:

Code: PHP [Auswählen]

AEOne · **Antwort #6 am:** 19. November 2011, 17:57:24

Zitat von: liv am 19. November 2011, 17:35:20

[...]
in Datei "/includes/header.php" nach Zeile 34 (<head>) folgendes einfügen:

Code: PHP [Auswählen]
<meta http-equiv="X-UA-Compatible" content="IE=7" />

Danke, das hat (erst mal) geholfen.

Allerdings ist das ja eigentlich für die Zukunft nur eine Übergangslösung.
Was ist den seit IE8 so anders, dass der dann die Darstellung nicht mehr auf die Reihe bekommt?

AEOne · **Antwort #7 am:** 19. November 2011, 18:03:01

Zitat von: franky_n am 19. November 2011, 17:06:56

[...]
das "margin: 0px auto;" ist auch für die Seitenzentrierung gedacht.
[...]

Danke - habe ich erst mal wieder zurückgesetzt.

Zitat von: franky_n am 19. November 2011, 17:06:56

[...]
Vielleicht ist es besser die Slideshow auch noch mal in ein div zu packen und dieses in der Breite begrenzen.
Du solltest auch mal schauen ob in der Login Box evtl. Breiten zu definieren sind damit der helle Teil der Box mit der Überschrift gleich ist.
[...]

Würde ich gerne machen, um den Kompatibilitätsmodus später wieder rauszunehmen.
Da aber meine PHP/CSS-Kenntnisse nich so berühmt sind:
Kannst Du mir bitte mal sagen, wo ich das div für die Slideshow erstellen soll? Alles was die Formatierung der Slideshow angeht, ist doch in der "stylesheet.css" festgelegt - oder?

Und wie kann ich die breite der Login-Box extra festlegen? Ich dachte, die basiert auf einer generellen Box, deren Breite doch eigentlich festgelegt ist?

Danke

+ Gruß AEOne

franky_n · **Antwort #8 am:** 19. November 2011, 18:39:14

Hallo AEOne,

irgendwo im Contentmanager in der Startseite hast Du ja den Slider rein gesetzt.
Der fängt an mit:

Code: PHP [Auswählen]

Entweder Du probierst dort mal im Quelltext:

Code: PHP [Auswählen]

position: left;

anzugeben oder Du machst vor das <ul> ein:

Code: PHP [Auswählen]

und hinter das:

Code: PHP [Auswählen]

</ul>

ein

Code: PHP [Auswählen]

</div>

Dann in der "sytelsheet.css" das div formatieren z.B. mit einer Breite:

Code: CSS [Auswählen]

.imageslider {
width: 560px;
}

Bitte mach Dich schlau in HTML und CSS denn wir können Dir hier keinen HTML/CSS Kurs anbieten!

Wahrscheinlich wird dann auch schon das Problem mit der Login Box erledigt sein.
Die Boxen sind soweit ich das in Erinnerung nicht mit einer festen Breite belegt sondern "nur" der Rahmen drumherum ("rightcol"). Der zwingt die Boxen dann dazu in dem "Rahmen" zu bleiben...

Viele Grüße

Franky

AEOne · **Antwort #9 am:** 19. November 2011, 19:16:48

Ok, danke - ich schaue mir das mal an. Gebe Bescheid, wenn ich was "gemacht" habe.

Gruß AEOne

Tad · **Antwort #10 am:** 19. November 2011, 22:42:02

Zitat von: AEOne am 19. November 2011, 14:50:57

[...]
Weiß nicht, ob das erst mit der 9er Version so ist oder schon früher - kann ich nicht rückverfolgen.
[...]

Im IE9 kannst du auch selbst testen, wie die Seiten im IE8 und IE7 angezeigt werden.

1) F12 drücken
2) In den damit geöffneten Entwicklertools auf "Browsermodus: IE9" klicken und dort einen anderen Modus wählen (IE8 oder IE7).

So kannst du sehen, wie die älteren Versionen die aktuelle Seite rendern.

Zitat von: AEOne am 19. November 2011, 14:50:57

[...]
Sowohl der Firefox als auch Opera stellen den Shop ordnungsgemäß dar.
[...]

Was ist mit Chrome? Ist mittlerweile auch schon relativ weit verbreitet. Schöne Statistiken zu Browsern gibt's zum Beispiel hier: Verwendete Browserversionen in Deutschland im Zeitraum Okt-Nov '11

AEOne · **Antwort #11 am:** 19. November 2011, 23:47:29

Zitat von: Tad am 19. November 2011, 22:42:02

[...]
1) F12 drücken
2) In den damit geöffneten Entwicklertools auf "Browsermodus: IE9" klicken und dort einen anderen Modus wählen (IE8 oder IE7).
[...]

Danke für den Tipp.

Der Dokumentenmodus ist hier die entscheidende Änderung:
Quirksmodus (Seitenstandard) = Katastrophe in der Darstellung
IE 7 Standard = perfekte Darstellung
IE 8 Standard = (fast) perfekte Darstellung - kleiner Schönheitsfehler im Topmenü
IE 9 Standard = (fast) perfekte Darstellung - kleiner Schönheitsfehler im Topmenü

Da frage ich mich - was ist der Quirksmodus?

Zitat von: Tad am 19. November 2011, 22:42:02

[...]
Was ist mit Chrome? Ist mittlerweile auch schon relativ weit verbreitet. [...]

Bis auf die slidende Bestseller-Box, deren Höhe sich nicht automatisch an den Inhalt anpasst (siehe Bild), ist in Chrome alles ok.

[ Für Gäste sind keine Dateianhänge sichtbar ]

Tad · **Antwort #12 am:** 20. November 2011, 03:37:14

Zitat von: AEOne am 19. November 2011, 23:47:29

[...]
Quirksmodus (Seitenstandard) = Katastrophe in der Darstellung
IE 7 Standard = perfekte Darstellung
IE 8 Standard = (fast) perfekte Darstellung - kleiner Schönheitsfehler im Topmenü
IE 9 Standard = (fast) perfekte Darstellung - kleiner Schönheitsfehler im Topmenü

Da frage ich mich - was ist der Quirksmodus?
[...]

Das kann Wikipedia kurz und knapp beantworten: Quirks-Modus

Wobei ich mich frage, warum bei dir eben der Quirksmodus als Seitenstandard definiert ist...

Matt · **Antwort #13 am:** 28. November 2011, 08:24:59

Ganz ehrlich, dieses Kompatibilitäts-Meta-Tag war die dümmste Idee, die Microsoft je hatte und es zu benutzen ist nicht viel schlauer. Einfach sauber coden.

Zitat von: franky_n am 19. November 2011, 17:06:56

[...]
das "margin: 0px auto;" ist auch für die Seitenzentrierung gedacht.
[...]

Für die Seite ist das auch sinnvoll, für den Slider nicht, der hatte das aber auch, denn der Slider ist bereits so breit wie der gesamte Content-Bereich, da kann man sich das zentrieren auch sparen.

Thema: Darstellungsprobleme im Internet Explorer 9

AEOne

Darstellungsprobleme im Internet Explorer 9

Matt

Re: Darstellungsprobleme im Internet Explorer 9

AEOne

Re: Darstellungsprobleme im Internet Explorer 9

Matt

Re: Darstellungsprobleme im Internet Explorer 9

franky_n

Re: Darstellungsprobleme im Internet Explorer 9

liv

Re: Darstellungsprobleme im Internet Explorer 9

AEOne

Re: Darstellungsprobleme im Internet Explorer 9

AEOne

Re: Darstellungsprobleme im Internet Explorer 9

franky_n

Re: Darstellungsprobleme im Internet Explorer 9

AEOne

Re: Darstellungsprobleme im Internet Explorer 9

Tad

Re: Darstellungsprobleme im Internet Explorer 9

AEOne

Re: Darstellungsprobleme im Internet Explorer 9

Tad

Re: Darstellungsprobleme im Internet Explorer 9

Matt

Re: Darstellungsprobleme im Internet Explorer 9

Teile Thema

Ähnliche Themen

Darstellungsprobleme im Internet Explorer mit Artikeln und im Footer

Syntaxfehler bei Internet Explorer

Fehler mit XTC im Internet Explorer

Bundesamt rät vom Internet Explorer ab