JackyC: IE Stylesheet richtig einbinden

SELF-Forum

IE Stylesheet richtig einbinden

JackyC
– Informationen zu den Bewertungsregeln

Hallo Leute,

ich bin noch ganz neu in Sachen CSS und ich habe Probleme einen separaten Stylesheet für den IE einzubinden.
In meiner index.html binde ich einen Hauptsheet folgend ein:
<link type="text/css" href="style.css" rel="StyleSheet">

Und in dieser style.css habe ich noch eine Anweisung @import url(layout.css)
Ein gewisser Bereich der layout.css funktioniert mit dem IE nicht und deshalb wollte ich eine separate layout.css für den IE machen. Aber wie und wo binde ich den jetzt richtig ein, damit er mit der Haupt layout.css nicht durcheinander kommt und diesen ignoriert?

Liebe Grüsse, Jacky

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. IE Stylesheet richtig einbinden

    Ulysses
    – Informationen zu den Bewertungsregeln

    Hi!

    Hallo Leute,

    ich bin noch ganz neu in Sachen CSS und ich habe Probleme einen separaten Stylesheet für den IE einzubinden.

    ich glaub' du suchst conditional comments
    auch in http://de.selfhtml.org/css/layouts/browserweichen.htm@title=self-html zu finden
    LG Ulysses

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. IE Stylesheet richtig einbinden

      JackyC
      – Informationen zu den Bewertungsregeln

      Hi!

      Hallo Leute,

      ich bin noch ganz neu in Sachen CSS und ich habe Probleme einen separaten Stylesheet für den IE einzubinden.
      ich glaub' du suchst conditional comments
      auch in http://de.selfhtml.org/css/layouts/browserweichen.htm@title=self-html zu finden
      LG Ulysses

      Danke für deine Antwort.
      So hatte ich es auch schon probiert, aber es will einfach nicht.

      Habs in der Index.html auch mit @import probiert
      <!--[if IE]>
          <style type="text/css">@import url(ie.css);</style>
        <![endif]-->

      Was mache ich da nur falsch?

      Ich denke nochmal laut nach, in der index.html ist das:

      <link type="text/css" href="style.css" rel="StyleSheet"> (gilt für alle Browser)

      und in der obigen style.css ist nochmal ein @import url(layout.css), welches auch für alle Browser gilt.

      dann kommt in die index.html noch für den IE:
      <!--[if lt IE 7]>
          <style type="text/css">@import url(layout_ie.css);</style>
        <![endif]-->

      Die layout_ie.css ist eine abgeänderte layout.css

      So sollte es doch eigentlich nach der Reihenfolge nach gehen?

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. IE Stylesheet richtig einbinden

        Ulysses
        – Informationen zu den Bewertungsregeln

        Hi!

        So hatte ich es auch schon probiert, aber es will einfach nicht.

        „es“?

        LG Ulysses

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. IE Stylesheet richtig einbinden

          JackyC
          – Informationen zu den Bewertungsregeln

          Hi!

          So hatte ich es auch schon probiert, aber es will einfach nicht.
          „es“?

          LG Ulysses

          Es funktioniert halt nicht, das mit dem IE.

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

          1. IE Stylesheet richtig einbinden

            Ulysses
            – Informationen zu den Bewertungsregeln

            Hi!
            Und ES funzt doch!

            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>CC-Test</title>  
<link type="text/css" href="style.css" rel="stylesheet" />  
<!--[if IE 7]>  
    <style type="text/css">@import url(layout_ie.css);</style>  
  <![endif]-->  
</head>  
<body>  
<h1>CC-Test</h1>  
<p>Und ES funzt doch!</p>  
</body>  
</html>

            style.css:
            h1 {color: red;}

            layout_ie.css:
            h1 {color: blue;}

            „CC-Test“ blau im IE7 ansonsten rot

            LG Ulysses

            Beitrag melden
            –
            Informationen zu den Bewertungsregeln