Contao-Camp 2024
Ergebnis 1 bis 10 von 10

Thema: Contao3, CSS und IE<10

  1. #1
    Contao-Nutzer
    Registriert seit
    10.11.2012.
    Beiträge
    62

    Frage Contao3, CSS und IE<10

    Aus Gründen, die ich mir nicht erklären kann, will der IE im Kompatibilitätsmodus die CSS Anweisungen für meine Navigation nicht umsetzten. Hierbei gibt es eigentlich keine großen Spielereien, ich lasse die Menüpunkte lediglich über float:left nebeneinander stehen, ohne Aufzählungszeichen.
    Sobald ich nun im IE den Kompatibilitätsmodus einschalte, werden die CSS Anweisungen ignoriert. Hatte dieses Problem mit Contao 2.x nie, von daher weiß nicht, woran es liegen könnte.

  2. #2
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.897
    Partner-ID
    10107

    Standard

    Warum willst du den überhaupt aktivieren? Der Compatibility Mode vom Internet Explorer ist ja dazu da Seiten "richtig" darzustellen, die ursprünglich speziell für eine ältere Internet Explorer Version gemacht wurden (wenn man so will..). Deine Seite orientiert sich wahrscheinlich eher an aktuellen CSS Standards und moderne Browser, oder nicht?

  3. #3
    Contao-Nutzer
    Registriert seit
    10.11.2012.
    Beiträge
    62

    Standard

    Ich will die Seite ja möglichst abwärtskompatibel gestalten, da leider immer noch genug Leute mit alten IE Versionen unterwegs sind. Über den Browsermodus im IE kann ich ja die Darstellung in alten IE Versionen simulieren.

  4. #4
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.897
    Partner-ID
    10107

    Standard

    Hm, ohne jetzt den Source zu sehen wird es schwierig zu beurteilen, ob das überhaupt ein Contao Problem ist .

  5. #5
    Contao-Fan Avatar von Bas
    Registriert seit
    03.12.2009.
    Ort
    Hamburg
    Beiträge
    555

    Standard

    Zum Testen mit alten IE-Versionen: http://my-debugbar.com/wiki/IETester/HomePage

  6. #6
    Contao-Nutzer
    Registriert seit
    10.11.2012.
    Beiträge
    62

    Standard

    Zitat Zitat von Spooky Beitrag anzeigen
    Hm, ohne jetzt den Source zu sehen wird es schwierig zu beurteilen, ob das überhaupt ein Contao Problem ist .
    Daran soll es ja nicht scheitern
    "top-nav" ist die ID, die ich dem Navigationsmodul zugewiesen habe:

    Code:
    #top-nav.mod_navigation ul {
        float: right;
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: auto;
    }
    
    #top-nav.mod_navigation li {
        float: left;
        margin: 0;
        width: auto;
    }
    
    #top-nav.mod_navigation a, #top-nav.mod_navigation span {
        background-color: #5E5E5E;
        border: 1px hidden;
        border-radius: 5px 5px 5px 5px;
        color: #ECECEC;
        display: block;
        list-style-type: none;
        margin: 10px;
        padding: 10px 20px;
    }
    
    #top-nav.mod_navigation a:hover, #top-nav.mod_navigation a:focus {
        background-color: #FF9900;
        color: #FFFFFF;
    }
    Dass border-radius in alten IEs nicht funktioniert weiß ich, aber das sollte nicht dazu führen, dass alle CSS Anweisungen für die Navigation ignoriert werden.
    Geändert von illplanet (25.06.2013 um 11:57 Uhr)

  7. #7
    Administrator Avatar von Nina
    Registriert seit
    04.06.2009.
    Ort
    Hamburg
    Beiträge
    4.755
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Mach mal statt #top-nav.mod_navigation überall nur #top-nav
    Manche ältere IEs kommen mit diese Doppelzuweisung nicht zurecht.

  8. #8
    Contao-Nutzer
    Registriert seit
    10.11.2012.
    Beiträge
    62

    Standard

    Zitat Zitat von Nina Beitrag anzeigen
    Mach mal statt #top-nav.mod_navigation überall nur #top-nav
    Manche ältere IEs kommen mit diese Doppelzuweisung nicht zurecht.
    Okay danke, gut zu wissen - hat in diesem konkreten Fall aber leider nichts genutzt.

    Weiß jetzt glaube ich, woran es liegt:
    Ich nutze verschiedene CSS-Dateien. In Anbhängigkeit von der Displaygröße werden diese über Media Queries geladen. Hier liegt dann der Hund begraben, da IE<9 mit Media Queries offenbar nichts anfangen können. Daher wird der CSS-File auch nicht geladen.

  9. #9
    Contao-Nutzer
    Registriert seit
    04.06.2013.
    Beiträge
    29

    Standard

    Hallo,

    auch ich erfahre gerade von diversen Bekannten und Sponsoren, dass unsere Website unter IE 7, 8 und 9 nicht angezeigt wird - diese Versionen laufen (leider) immer noch auf vielen Firmen-Rechnern mit Windows XP

    Die Website: www.rennteam-stuttgart.de

    Was kann man da machen? Bezüglich der Media-Queries dachte ich, dazu sei CSS3Pie zuständig (Zitat: "Die PIE.htc Behavior-Datei nicht einbinden (CSS3-Unterstützung für ältere IE-Versionen).").

    Grüße

    Peter


    EDIT: laut Google Webmaster Tools sowie diversen Renderern (siehe http://netrenderer.com/index.php ) kommt der HTTP-Code 501 - Not Implemented und nach ersten Recherchen kann das auch am Server liegen, siehe http://www.checkupdown.com/status/E501_de.html
    Geändert von peter.morawski (25.06.2013 um 12:51 Uhr)

  10. #10
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.897
    Partner-ID
    10107

    Standard

    Zitat Zitat von illplanet Beitrag anzeigen
    Weiß jetzt glaube ich, woran es liegt:
    Ich nutze verschiedene CSS-Dateien. In Anbhängigkeit von der Displaygröße werden diese über Media Queries geladen. Hier liegt dann der Hund begraben, da IE<9 mit Media Queries offenbar nichts anfangen können. Daher wird der CSS-File auch nicht geladen.
    Jop, IE6/7/8 unterstützen weder Media Queries noch @import.



    Zitat Zitat von peter.morawski Beitrag anzeigen
    Hallo,

    auch ich erfahre gerade von diversen Bekannten und Sponsoren, dass unsere Website unter IE 7, 8 und 9 nicht angezeigt wird - diese Versionen laufen (leider) immer noch auf vielen Firmen-Rechnern mit Windows XP

    Die Website: www.rennteam-stuttgart.de

    Was kann man da machen? Bezüglich der Media-Queries dachte ich, dazu sei CSS3Pie zuständig (Zitat: "Die PIE.htc Behavior-Datei nicht einbinden (CSS3-Unterstützung für ältere IE-Versionen).").

    Grüße

    Peter


    EDIT: laut Google Webmaster Tools sowie diversen Renderern (siehe http://netrenderer.com/index.php ) kommt der HTTP-Code 501 - Not Implemented und nach ersten Recherchen kann das auch am Server liegen, siehe http://www.checkupdown.com/status/E501_de.html
    Bei dieser Seite befindet sich
    PHP-Code:
    <div id="fb-root"></div
    innerhalb von <head></head>, dadurch wird alles was darauf folgt invalid ( http://validator.w3.org/check?uri=ht...Inline&group=0 ).

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •