xpfreund: Anzeigeunterschiede FF und IE6

Hallo,

Um eine gleiche Darstellung im IE bei kleineren Auflösungen zu erhalten, muss ich für den IE margin-right eintragen.
#Titel {
 background-color: #FFCC00;
 color: #00CCFF;
 border-bottom: 10px solid #ffcc00;
 text-align: center;
 margin-right: -50px;
}
Dann habe ich die Darstellung, die Firefox ohne margin-right hat. Allerdings werden diese 50px bei Firefox mit drangesteckt, was wiederum dort zu einer falschen Darstellung führt. Kann man in den Angaben für Titel einfach sagen: "Wenn das IE6 ist, dann nutze margin-right,wenn nicht,lasse die Angabe weg". Und wie kann man das realisieren?

gruß aus Hosena

  1. Hello out there!

    "Wenn das IE6 ist, dann nutze margin-right,wenn nicht,lasse die Angabe weg". Und wie kann man das realisieren?

    "conditional comments" sind dein Suchbegriff. Oder "star html hack".

    Und das willst du in <http://de.selfhtml.org/css/layouts/browserweichen.htm@title=SELFHTML: Browserweichen> nicht gefunden haben?

    See ya up the road,
    Gunnar

    --
    „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
    1. Hallo,

      "conditional comments" sind dein Suchbegriff. Oder "star html hack".

      Und das willst du in <http://de.selfhtml.org/css/layouts/browserweichen.htm@title=SELFHTML: Browserweichen> nicht gefunden haben?

      Das schon,nur ich will nicht extra eine neue Definition für den IE machen,sondern direkt,bei #Titel die Unterscheidung durchführen. So wie ich das lese geht das nur für das gesamte Element zu hacken.

      gruß aus Hosena

      1. Hello out there!

        Das schon,nur ich will nicht extra eine neue Definition für den IE machen,sondern direkt,bei #Titel die Unterscheidung durchführen. So wie ich das lese geht das nur für das gesamte Element zu hacken.

        He? Verstehe kein Wort, was du meinst.

        See ya up the road,
        Gunnar

        --
        „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
        1. Hallo,

          He? Verstehe kein Wort, was du meinst.

          Also ich will nicht, extra für den IE eine neue CSS-Datei laden müssen und auch nicht #Titel und * #Titel zur Unterscheidung nutzen, sonder ganz einfach sagen können:
          #Titel {
          color:red;
          Wenn das Ie ist, dann führe zusätzlich margin -50px aus und wenn nicht, dann lasse margin einfach weg. ;
          }

          gruß aus Hosena

          1. Hi,

            Also ich will nicht, extra für den IE eine neue CSS-Datei laden müssen und auch nicht #Titel und * #Titel zur Unterscheidung nutzen,

            * html #Titel. Warum nicht?

            sonder ganz einfach sagen können:
            #Titel {
            color:red;
            Wenn das Ie ist, dann führe zusätzlich margin -50px aus und wenn nicht, dann lasse margin einfach weg. ;
            }

            Das geht nur mit invalidem Code. Solltest Du IE < 6 meinen, nutze Escaping im Eigenschaftsnamen.

            Cheatah

            --
            X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
            X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
            X-Will-Answer-Email: No
            X-Please-Search-Archive-First: Absolutely Yes
            1. Hallo,

              * html #Titel. Warum nicht?

              Wie jetzt? Also erst alle allgemein gültigen Aussagen unter #Titel und dann zusätzlich für den IE6 noch * html #Titel. Oder?

              gruß aus Hosena

              1. Hi,

                Wie jetzt? Also erst alle allgemein gültigen Aussagen unter #Titel und dann zusätzlich für den IE6 noch * html #Titel. Oder?

                ja, genau. Natürlich nur das, was der IE bis Version 6 zusätzlich braucht.

                Cheatah

                --
                X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
                X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
                X-Will-Answer-Email: No
                X-Please-Search-Archive-First: Absolutely Yes
                1. Hallo,

                  Jetzt klappt das.

                  gruß aus Hosena

    2. Hallo,

      "conditional comments" sind dein Suchbegriff. Oder "star html hack".

      Oder kann man diesen if Ie6 Kommentar auch innerhalb eines Elementes einfügen?

      gruß aus Hosena

  2. Hallo,

    Um eine gleiche Darstellung im IE bei kleineren Auflösungen zu erhalten, muss ich für den IE margin-right eintragen.
    #Titel {
    background-color: #FFCC00;
    color: #00CCFF;
    border-bottom: 10px solid #ffcc00;
    text-align: center;
    margin-right: -50px;
    }
    Dann habe ich die Darstellung, die Firefox ohne margin-right hat. Allerdings werden diese 50px bei Firefox mit drangesteckt, was wiederum dort zu einer falschen Darstellung führt. Kann man in den Angaben für Titel einfach sagen: "Wenn das IE6 ist, dann nutze margin-right,wenn nicht,lasse die Angabe weg". Und wie kann man das realisieren?

    gruß aus Hosena

    Wenn du den Richtigen DOCTYPE benutzen würdest, klappts auch mit dem IE...

    http://de.selfhtml.org/html/allgemein/grundgeruest.htm

    1. Hallo,

      Ich habe momentan diesen Doctype:
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">

      gruß aus Hosena

      1. Hallo,

        Ich habe momentan diesen Doctype:
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">

        gruß aus Hosena

        Genau das dachte ich mir. Wenn du Strict verwendest hast du das Problem nicht, da dies der IE mitlerweile auch kapiert.

        Wenn du kein Strict verwenden möchtest, folge Gunnars Post.

        1. Hallo,

          Genau das dachte ich mir. Wenn du Strict verwendest hast du das Problem nicht, da dies der IE mitlerweile auch kapiert.

          Auch wenn ich mit Strict arbeite,bleiben diese 50 Pixel Abstand beim IE.
          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
               "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
          Also daran liegts jedenfalls nicht.

          gruß aus Hosena

        2. Hallo,

          Ich habe momentan diesen Doctype:
          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
          <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">

          Genau das dachte ich mir. Wenn du Strict verwendest hast du das Problem nicht, da dies der IE mitlerweile auch kapiert.

          Das stimmt so nicht. Der IE schaltet auch bei Transitional in den standardkonformen Modus, sofern die dtd-URI mit angegeben wird (was ja bei WW der Fall ist).

          mfg. Daniel

      2. Hi,

        Ich habe momentan diesen Doctype:

        steht eine XML-Deklaration o.ä. davor?

        Cheatah

        --
        X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
        X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
        X-Will-Answer-Email: No
        X-Please-Search-Archive-First: Absolutely Yes
        1. Hallo,

          Hi,

          Ich habe momentan diesen Doctype:

          steht eine XML-Deklaration o.ä. davor?

          momentan nicht

          gruß aus Hosena