Christian S.: Bug im Firefox?

Hi,

habe folgenden Code (Ausschnitte):

body
{
 margin:0;
}

#header
{
  background-color: #4f4c6a;
}

[...]

<body>
   <div id="header">
     <div><p>Test</p></div>...
   </div>

</body>

Das Problem ist: sobald ein <p> Element im header ist (bevor text kommt), ist oben ein weißer Rand zu sehen. bzw. er schiebt den header um ca. 20px nach unten.

gebe ich dem #header angaben wie border oder padding, dann klappts.
Auch wenn ich das "Test" vor das <p> stelle, klappts auch...

Weiß einer was das ist? Info: Firefox 2.0.0.2, WinXP.

Gruß
Christian

  1. <body>
       <div id="header">
         <div><p>Test</p></div>...
       </div>

    </body>

    Der p-Tag hat einen margin. Der verschiebt den Absatz.

    => margin: 0px; dann geht es.

    1. <body>
         <div id="header">
           <div><p>Test</p></div>...
         </div>

      </body>

      Der p-Tag hat einen margin. Der verschiebt den Absatz.

      => margin: 0px; dann geht es.

      Aber der margin von p bezieht sich doch auf das Elternelement.

      naja ich schau mir mal den link vom cheatah an.

      Gruß!

  2. Hi,

    Weiß einer was das ist?

    Collapsing Margins.

    Info: Firefox 2.0.0.2, WinXP.

    Übrigens: Wenn Du in einem aktuellen Firefox ein Fehlverhalten erkannt zu haben glaubst, kannst Du in fast exakt 100% aller Fälle davon ausgehen, dass das Problem bei Dir liegt.

    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. Hi,

      Übrigens: Wenn Du in einem aktuellen Firefox ein Fehlverhalten erkannt zu haben glaubst, kannst Du in fast exakt 100% aller Fälle davon ausgehen, dass das Problem bei Dir liegt.

      ganz meiner Meinung....... ;)

    2. Hi,

      aber dort steht doch:

      In CSS 2.1, horizontal margins never collapse.

      Und es ist doch ein horizontaler Margin, wenn die Page runterrückt...

      So ganz versteh ich das ja noch nicht... dieses Verhalten.

      Gruß
      Christian

      Hi,

      Weiß einer was das ist?

      Collapsing Margins.

      Info: Firefox 2.0.0.2, WinXP.

      Übrigens: Wenn Du in einem aktuellen Firefox ein Fehlverhalten erkannt zu haben glaubst, kannst Du in fast exakt 100% aller Fälle davon ausgehen, dass das Problem bei Dir liegt.

      Cheatah

      1. Hi,

        Und es ist doch ein horizontaler Margin, wenn die Page runterrückt...

        horizontal gehen Seit-Seit, nicht wie streiche Zaun der gehen hoch-runter.

        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
      2. Und es ist doch ein horizontaler Margin, wenn die Page runterrückt...

        Höh? Du verwechselst nicht gerade horizontal und vertikal?

        --
        Reden ist Silber, Schweigen ist Gold, meine Ausführungen sind Platin.
        Self-Code: sh:( ch:? rl:( br:> n4:( ie:{ mo:) va:) de:> zu:} fl:| ss:| ls:~ js:|