Martin Podemski: Layout mittig, margin

Hallo!

http://www.roessler-internet.net/test/index.html

Zwei Probleme:

Warum wird die Ausgabe im IE nicht mittig?

Firefox :
Warum gibt es eine Lücke zwischen Dunkelgrau und Weiss?

Im Moment:
  #innen {
 margin:0px 20px;
 height:120px;
 background: #ffffff ;
 }

Wenn ich height:120px; weglasse, wäre auch unter dem weissen Kasten ein 20px breiter grauer Streifen.

Der IE zeigt so wie ich will in beiden Fällen dort die Farbe Weiss.

Irgendwie steig ich da nicht durch!

Danke fürs Gucken,
Martin

  1. Hallo,

    noch ne Frage:

    #unten {
     height:100%;
     }

    wird auch unterschiedlich interpretiert.
    Ich möchte eigentlich nur, dass das Grau bis zum ende der Seite nach unten geführt wird.

    Beide Browser kommen mit unnötigen Scrollbalken.
    Bei IE wird das Grau bis zum Ende weitergeführt.
    Der Firefox führt das Grau nicht mit dem Scrollbalken zu ende.

    Irgendwie kann das alles doch nicht so schwer sein ?!??

    1. hi,

      #unten {
      height:100%;
      }
      wird auch unterschiedlich interpretiert.
      Ich möchte eigentlich nur, dass das Grau bis zum ende der Seite nach unten geführt wird.

      Auf welcher Seite testest du? http://www.roessler-internet.net/test/index.html?
      Vielleicht hilft dir ja der Begriff „Faux Column“ weiter.

      Beide Browser kommen mit unnötigen Scrollbalken.
      Bei IE wird das Grau bis zum Ende weitergeführt.
      Der Firefox führt das Grau nicht mit dem Scrollbalken zu ende.

      Bei mir werden weder Scrollbalken angezeigt, noch wird die Box bis nach unten gezogen.

      wenn es um die Oben verlinkte Seite geht, dann lege ich dir einen Besuch beim Valligator nahe.

      Eine Valide Seite erleichtert die Fehlersuche ungemein.

      mfg

  2. Hi,

    Warum wird die Ausgabe im IE nicht mittig?

    Weil du ihn in den Quirks Mode geschickt hast. Informiere dich, wie man diesen umgeht.

    Firefox :
    Warum gibt es eine Lücke zwischen Dunkelgrau und Weiss?

    Wegen dem oberen margin von #content, Stichwort adjoining margins.

    MfG ChrisB

    --
    „This is the author's opinion, not necessarily that of Starbucks.“
    1. Warum wird die Ausgabe im IE nicht mittig?

      Weil du ihn in den Quirks Mode geschickt hast. Informiere dich, wie man diesen umgeht.

      Ach?!
      Nun ja. Danke jetzt läufts.

      Firefox :
      Warum gibt es eine Lücke zwischen Dunkelgrau und Weiss?

      Wegen dem oberen margin von #content, Stichwort adjoining margins.

      Dass der Abstand daher kommt ist mir ja klar, aber #content hat einen weissen Hintergrund! Der Abstand ist gewollt, soll aber weiss sein!

      1. Warum wird die Ausgabe im IE nicht mittig?

        Weil du ihn in den Quirks Mode geschickt hast. Informiere dich, wie man diesen umgeht.

        Ach?!
        Nun ja. Danke jetzt läufts.

        Mhmm, jetzt hat sich aber das folgede Problem mit

        #unten {
         height:100%;
         }

        derart verschärft, dass der IE #unten nicht mehr bis zum Seitenende zieht.
        (Obwohl das sieht auch nicht schlecht aus).

      2. Hi,

        Warum gibt es eine Lücke zwischen Dunkelgrau und Weiss?

        Wegen dem oberen margin von #content, Stichwort adjoining margins.

        Dass der Abstand daher kommt ist mir ja klar,

        Dann verstehe ich nicht, wieso du fragst.

        aber #content hat einen weissen Hintergrund!

        Ja, und?
        Wenn du ein weisses Blatt Papier in ein Meter Entfernung von der Wand auf den Boden legst - dann wird dadurch auch nicht der Boden *bis* zur Wand weiss, oder?

        Der Abstand ist gewollt, soll aber weiss sein!

        Dann moechtest du vielleicht keinen Aussen-, sondern einen Innenabstand nutzen.

        MfG ChrisB

        --
        „This is the author's opinion, not necessarily that of Starbucks.“