Seite wird mit Internet Explorer 8 und niedriger falsch angezeigt

Zitat

nämlich hab eine Seite geschrieben

wohl eher nicht. Falls Du tatsächlich dieses Theme als Vorlage genommen hast, hast Du es vermurkelt. Dieses Theme hat keine Probleme mit dem IE8.
Das kann bei deinem Problem helfen: http://toscho.de/2010/wordpress…cks-ansprechen/

Ich würde dir erst mal empfehlen, deine ganzen Grafiken in die richtige Auflösung zu bringen. Dein Logo z.B. hat eine Auflösung von 5.176px × 5.552px!!, Skaliert zu 147px × 157px. Das betrifft alle Grafiken auf deiner Seite.

Zitat von Hille

Ich würde dir erst mal empfehlen, deine ganzen Grafiken in die richtige Auflösung zu bringen. Dein Logo z.B. hat eine Auflösung von 5.176px × 5.552px!!, Skaliert zu 147px × 157px. Das betrifft alle Grafiken auf deiner Seite.

Das wird wahrscheinlich auch das Problem sein. Du hast in deiner css img {max-width:100%;} stehen. Das kann der IE 8 nicht interpretieren und zeigt dir daher deine Bilder in voller Größe an.
Um den IE7 würde ich mich nicht mehr kümmern heute

Diese Übersicht ist eigentlich ganz gut, was ab wann in welchen Browsern erkannt wird.

http://wiki.selfhtml.org/wiki/CSS/Media_Queries

Gehe einfach davon aus, alle Regeln, die innerhalb von

@media (...) { 
    ...
    ...
}

notiert werden, erkennen ältere Browser nicht. Weiterhin alle Eigenschaften, die erst mit HTML5 und CSS3 eingeführt wurden. Eine genau gleiche Darstellung ist praktisch kaum erreichbar, eine beinahe gleiche Darstellung jedoch, wenn Du von IE7 beginnst und aufwärts optimierst.

Binde mal die respond.js in deinem Theme ein (https://github.com/scottjehl/Respond). Gibt es auch als Plugin für Wordpress. Dann verstehen die älteren Browser auch Media Queries. Wenn dann immer noch nicht alles rchtig angezeigt wird, probier mal die HTML5 Boilerplate oder Modernizr. Gibt es auch als Plugins für Wordpress

Zitat von Marv55H

kann irgendwie noch zusätzlich ein Alternativvariante programmieren (für IE 8 und älter), und die aktuelle dann so laufen lassen? und wo müsste man das dann machen?
PS: ich habe nur von CSS und Html Ahnung ...

Ja dann müsstest Du Dich ja damit auskennen:

<!--[if lt IE 7]>Anweisungen für IE vor Version 7<!--<![endif]-->

Wie es gemacht wird, siehst Du zum Beispiel in Twenty Twelve, da ist noch eine CSS-Datei für ältere IE enthalten und so im Header angegeben.

Ebenfalls lesenswert:

http://de.wikipedia.org/wiki/Conditional_Comments

Nur ob das alles so funktioniert, verlasse mich da augenblicklich nur auf die Vorschau von F12 im IE11. Ich meine, zu viel braucht da nicht mehr abwärtskompatibel gestaltet werden, wichtig ist nur, dass die Seiten lesbar und navigierbar bleiben und nicht, dass die im IE7 noch neusten Ansprüchen vom Design genügen, würde ich sagen. Dachte aber bis letzter Woche noch nicht so.

Zitat von Marv55H

kann irgendwie noch zusätzlich ein Alternativvariante programmieren (für IE 8 und älter), und die aktuelle dann so laufen lassen? und wo müsste man das dann machen?
PS: ich habe nur von CSS und Html Ahnung von php.. fast keine

Hallo

Bevor du da jetzt mit irgendwelchen Tricks zu arbeiten beginnst, liess dir nochmals den Post von Gericoach durch:

Zitat von gericoach

wohl eher nicht. Falls Du tatsächlich dieses Theme als Vorlage genommen hast, hast Du es vermurkelt. Dieses Theme hat keine Probleme mit dem IE8.
Das kann bei deinem Problem helfen: http://toscho.de/2010/wordpress…cks-ansprechen/

>> er hat nämlich recht!
Wenn du den von deiner Seite erzeugten Quelltext ansiehst hast du gewaltige Fehler im DOM (falsch- und nicht-schiessende oder falsch oder nicht öffnede Tags etc. - die Seite ist sogar abgeschnitten -> der body und html tag wird nicht geschlossen etc.).
Wenn man deine Startseite validiert kommt man auf 64 Fehler (nach html5 -> wie es der Doctype auch richtigerweise vorgibt) - diese Fehler sind nicht alle schwer bzw. sind auch einige einfache Folgefehler etc. >> die gröbsten musst du aber dennoch entfernen (!!!) erst dann macht es Sinn sich wirklich mit der Crossbrowserfähigkeit der Seite zu beschäftigen!
Und ich wette, wenn du die Fehler richtig beseitigst wird die Seite auch wieder schön angezeigt -> siehe dazu geris Post.

LG, pixselig