if IE einbinden Header ???

  • Hallo Leute,
    ich habe ein Problem mit transparenten png´s im IE6 und wollte diese gerne über den AlphaImageLoader einbinden.
    Dazu benötige ich aber auch eine Aufgliederung der css-Dateien, welche ich über "if IE" lösen wollte.
    Diverse Varianten habe ich auch schon ausprobiert, komme aber nicht richtig weiter.
    Wo im Header muss die if IE Anweisung platziert werden und wie ???
    Kann es sein, das WP 2.7.1 da etwas rumzickt, oder das man da eine andere Einbindung vollziehen muss ?

    PHP
    <!--[if IE 6]>
        <link rel="stylesheet" href=" . . . /style_ie.css"
        type="text/css" media="screen">
    <![endif]-->

    So klappt der Verweis auf die andere css-Datei jedenfalls nicht...
    Danke für die evtl. Hilfe

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • PHP
    <!--[if IE 6]>
        <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/style_ie.css" type="text/css" media="screen">
    <![endif]-->

    Bego

  • Der Conditional Comment an sich ist korrekt. Stimmt der Pfad zur style_ie.css?

    PHP
    <link rel="stylesheet" href="<?php bloginfo('template_url') ?>/style_ie.css" type="text/css" media="screen" />


    So nimmt WP die style_ie.css im Theme-Verzeichnis.

  • Wenn ich die "style_ie.css" im gleichen Ordner ablege, wie die Standard-css dann muss ich doch an der Pfadangabe nichts ändern, oder ???
    Gruß

    Robert

    [Edit] Habe es jetzt so probiert, aber leider tut sich nix !!!, Der IE 6 greift immer noch auf die style.css zu (verifiziert habe ich das, indem ich das Hintergrundbild geändert habe)[/Edit]

  • Der IE 6 greift immer noch auf die style.css zu (verifiziert habe ich das, indem ich das Hintergrundbild geändert habe)

    In WP wird immer die [FONT=Courier New]style.css[/FONT] verwendet. Was einen aber nicht davon abhält, zusätzliche [FONT=Courier New]css[/FONT] zu laden.

    Die Pfadangabe muss schon so sein, weil Deine HTML-Dateien erst durch WP generiert werden und WP dazu auf die Themes zurückgreift. Die dynamische Generierung erfolgt aber eben nicht im Template-Pfad.
    Siehste auch an der Adresse im Browser -- da steht nix von [FONT=Courier New]http://www.example.com/wordpress/wp-c…tegory/post.php[/FONT] oder so ähnlich ...

    Bego

  • O.k.
    wenn ich aber jetzt eine spezielle css-Datei für IE integrieren will, wie mache ich das dann ???
    Ich hatte es mir so gedacht:
    in der style_ie.css alles so anpassen, das es auch im IE 6 läuft und dann eben über die if IE Anweisung diese verwenden, sobald der IE 6 verwendet wird.
    So weit denke ich doch richtig, oder ?

    Wenn aber jetzt der IE 6 dennoch die style.css verwendet, was nützt mir dann eine Modifikation derselbigen mit den entsprechenden Änderungen ?

    Ich glaube ich steh auf dem Schlauch...
    Gruß

    Robert

  • O.k.
    wenn ich aber jetzt eine spezielle css-Datei für IE integrieren will, wie mache ich das dann ???

    Na, so wie Du selbst geschrieben hast: Du bindest zusätzlich zur [FONT=Courier New]style.css[/FONT] ein Stylesheet [FONT=Courier New]style_ie.css[/FONT] mit Conditional Tags ein. Achte dabei nur darauf, den Pfad zu deinem Theme mit anzugeben:

    (Es ist ja nicht so, dass er damit entweder [FONT=Courier New]style.css[/FONT] oder [FONT=Courier New]style_ie.css[/FONT] nimmt. Wenn Du also z.B. mit [FONT=Courier New]style.css[/FONT] im Header ein Bild als Hintergrund festlegst und der Header in der [FONT=Courier New]style_ie.css[/FONT] gar keine Angaben zum Header enthält, wird das Bild angezeigt.)

    Schau Dir dann den generierten Quelltext im Browser an. Stimmen die Links zu den Stylesheets?

    Besser? :smile:

    Bego

  • wenn ich aber jetzt eine spezielle css-Datei für IE integrieren will, wie mache ich das dann ?


    Man kann die Conditional Comments auch "umkehren":

    HTML
    <!--[if lt IE 7]><!-->
      <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen">
    <!--<![endif]-->


    So bekommen IEs mit Versionsnummern < 7 das Standard-Stylesheet nicht zu Gesicht, alle anderen aber schon.
    Conditional Comments ? Wikipedia

    Aber 2 völlig unabhängige Stylesheets anzubieten halte ich für unwartbar. Besser in der style_ie.css nur die gröbsten Fehler ausbügeln. ;-)

  • Erstmal vielen Dank für eure Hilfe...
    Werde mich morgen mal dran setzen, wenn ich ein wenig Ruhe habe und dann hoffen das alles funktioniert.
    Wollte in der style_ie.css nur die Hintergrundbilder ändern (für Header, Logo, Footer und content-Hintergrundbild), damit dort eine alpha-Transparenz für png´s möglich wird (im IE 6).
    Mal sehen, ob ich das hinbekomme...

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!