margin-Problem im FireFox

Ich habe ein margin-Problem im Firefox, die völlig funktioniert in anderen Browsern so, dies ist mein HTML -

HTML:

//*** bedeutet, dass einige code

<header>
    <div class="left">
        <div class="logo">
            //***
        </div>
    </div>

    <div class="right">
        <div id="log-on">
            //***
        </div>
    </div>
    <div class="clear"></div>
</header>
<section class="search-seaction">
    //***    
</section>

CSS:

.clear { clear:both; }

.left { float: left }

.right { float: right }

.search-seaction
{
    margin-top: 62px;        
}

und hier ist screenshots

Firefox:
margin-Problem im FireFox

Opera & Chrome:
margin-Problem im FireFox

Dass die Marge über header erscheint nur bei Firefox. Was ist der Grund dafür, dass so ein Verhalten?

PROBLEM : wenn ich margin-Abschnitt, der header ist "margining"

  • Die bits von HTML, die Sie ausgelassen haben, sind wahrscheinlich erheblich. Wenn du kannst, poste einen link.
  • Ich entwickelte es in localhost, ich habe nicht alle links
  • Vielleicht, wenn Sie ein css-reset, entfernen Sie dieses seltsame Verhalten
  • Sind Sie mit einem CSS-reset ? Browser haben unterschiedliche Standardwerte für margin, padding, usw...
  • Ich habe bereits verwendeten css-reset
  • Diese Frage hat sich wahrscheinlich schon gefragt, 100 mal vor.
  • ja das ist 101 mal, und ich hoffe, dass ich endlich die Antwort ge
  • scheint ein bug in firefox, es ist nur Duplikate, die Marge auf das Vorherige element, verrry seltsam - ramblex die Lösung scheint wie eine gute Abhilfe, jedoch
  • Sie ersetzen könnte, alle diejenigen, die divs mit den Abschnitten! 🙂

InformationsquelleAutor Artur Keyan | 2011-12-05
  1. 7

    Versuchen Sie geben die header-Höhe:

    header {
  height: 100px;
}

    (Einstellung der überlauf auf hidden funktioniert auch).

    header {
  overflow: hidden;
}
    • Ich hatte ein ähnliches problem. Einstellung der Höhe bis zu 100% funktionierte wunderbar. Danke.
    InformationsquelleAutor ramblex
  2. 1

    Könnte man auch lösen, es über ein anderes clearfix:

    http://jsfiddle.net/dXskZ/1/

    InformationsquelleAutor ptriek
  3. 0

    Versuchen Sie, fügen Sie folgenden code in Ihre css -

    *{
margin:0;
padding:0;
}

    ODER

    html,body{
margin:0;
padding:0;
}

    oder beide

    • Ich habe bereits verwendeten css-reset
    • Als bitte geben Sie live-url "oder" html und css
    InformationsquelleAutor Code Lover
  4. 0

    Ja, es kann passieren. Um es zu lösen, können Sie ein reset-Stylesheet. Reset-Stylesheet-Beispiel

    InformationsquelleAutor Yanki Twizzy
  5. 0

    anstelle von ich verwendet Css: overflow: auto für den Kopf, es funktioniert. Aber ich kann nicht Antworten, warum

    InformationsquelleAutor Artur Keyan
Schreibe einen Kommentar