A.R.: margin und Farbe IE7 vs. Firefox

Hallo zusammen.

Ich habe mich nach bestmöglicher Einarbeitung in HTML und CSS an einer Seite versucht und nun rutscht mir bei gleicher margin-Angabe (220px links) in Firefox die mittlere Box (Inhalt) nach rechts weg (braucht da ca. 70 px um gut positioniert zu sein). Wie kann man dieses Problem lösen um eine einheitliche Darstellung zu gewährleisten? Auf die Anwendung des Tan-Hacks hat nur der IE6 reagiert, nicht IE7:

div#Inhalt {
    margin: 1em 0 1em 70px;
    padding: 0 1em;
    height:400px; width: 600px;
    overflow: scroll;
  }

* html div#Inhalt {
    margin: 1em 0 1em 220px;
  }

Auch heben sich im IE7 die Boxen farblich vom Hintergrund ab, obwohl der die exakt gleiche Farbe bekommen hat - ein übliches Problem?! Kein Thema in IE6 und Firefox...

Bin für Hilfe sehr dankbar. Liebe Grüße!

  1. Hallo,

    für den IE 7 sind andere CSS-Weichen möglich, Eignung und natürlich
    das Browserverhalten hier können vom Rendermodus, also u.U. auch
    vom Doctype, abhängen.

    Hast du mal ein komplettes Beispiel online?

    Grüsse

    Cyx23

    1. Hallo,

      für den IE 7 sind andere CSS-Weichen möglich, Eignung und natürlich
      das Browserverhalten hier können vom Rendermodus, also u.U. auch
      vom Doctype, abhängen.

      Die Deklaration lautet:
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">, also strict.
      Danke für den Link, blicke allerdings als Laie da nicht ganz durch..

      Hast du mal ein komplettes Beispiel online?

      Leider noch nicht, der Zugang wird erst eingerichtet. Könnte höchstens eine zip-Datei schicken?!

      Grüsse

      Cyx23

      Vielen Dank! Astrid

      1. Hallo,

        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">, also strict.

        Also kein Quirks. Sonst z.B. so per Zusatz beim body-Tag überprüfbar:

        <body onload="alert(document.compatMode);">

        Danke für den Link, blicke allerdings als Laie da nicht ganz durch..

        Die Einträge in Zeile 58 u. 59 haben nur beim IE 7 ein "+".

        *:first-child+html ... mag also eine geeignete CSS-Weiche sein.

        Leider noch nicht, der Zugang wird erst eingerichtet. Könnte höchstens eine zip-Datei schicken?!

        Besser den HTML-Code (mit Styleangaben im Head) möglichst weit reduzieren
        und so knapp wie möglich, aber funktionsfähig (mit erkennbarem Problem) hier
        posten.

        Grüsse

        Cyx23

    2. Glaube ich habe es kapiert, Zeile 17 ist meine Weiche auf die der IE6 reagiert hat, Zeile 16 wirkt sich auf IE7 aus oder ich nehm die 5 für beide gleichzeitig. Besten Dank!!!!:) Das war die gröbste Hürde.
      Fragt sich nur noch warum die Boxen sich im IE7 bei gleicher Farbe dezent abheben, aber damit könnte man zur Not leben.
      Nochmals Danke von Astrid