Frage Responsive Webdesign funktioniert im Internet Explorer 11 nicht richtig!

[ballotade]

Hallo Leute,

ich bin ziemlich verzweifelt, weil das Projekt an dem ich arbeite in allen Browsern gut funktioniert, nur im IE 11 nicht.

Es geht um folgende Seite:

www.neuelernwege.de

Im FF oder in Opera wird das Hauptmenue (das horizontale) ab einer Breite von unter 768px ausgeblendet und ein Menuesymbol erscheint. Außerdem geht es von der zweispaltigen Darstellung in eine einspaltige über.
Im IE ist auch in voller Breite (FullHD) das MenueSymbol da und es ist einspaltig, was eigentlich nur für Smartphones gedacht ist. Er ignoriert diese media-querie einfach:

@media (min-width: 768px) {
.....
}


ich habe sogar schon die respond.js eingefügt, hat aber nix gebracht...

Habt ihr eine Idee?

Danke im voraus!!!!

 

[MrMurphy]

Hallo,

Habt ihr eine Idee?

Ja, wie bereits in einem anderen Forum empfohlen zunächst mal ALLE Fehler beseitigen:

http://www.php.de/forum/webentwickl...ioniert-im-internet-explorer-11-nicht-richtig

https://validator.w3.org/check?verbose=1&uri=http://www.neuelernwege.de/

Gruss

MrMurphy

 

[Tronjer]

Abgesehen vom fehlenden Doctype ist die Seite keinesfalls responsive. Statt dessen sind sogar Elemente mit position:absolute festgenagelt.

Wenn du es responsive haben, willst, baue die Seite hiermit um. Dann klappt es auch im IE.
http://getbootstrap.com

 

[ballotade]

Erstmal danke an Euch!
MrMurphy hat den Fehler gefunden, es war eine fehlende geschweifte Klammer in meiner CSS-Datei.

Ich habe vorhin noch gesehen, dass meine Seite auf meinem Smartphone (Galaxy Note 1) nicht richtig dargestellt wird, weil ich da position:fixed benutze. Habe da so eine Spielerei mit dem Seitenkopf probiert.

Wieso sagst Du, dass Position:absolute nicht responsive ist? Es betrifft ja vor allem die vertikale Anordnung. Die Breite der Seite wird dadurch ja nicht gestört...

 

[MrMurphy]

Hallo,

position:absolute hat auch beim Responsive Design seine Berechtigung. Viele Webseitenersteller beschäftigen sie nur nicht mit den Grundlagen und werden deshalb von dem Verhalten dieser CSS-Anweisung überrascht.

Deshalb sollte es halt nur dort verwendet werden wo es sachlich sinnvoll ist.

Gruss

MrMurphy