CSS: absolute Positionierung in verschiedenen Browsern

Warum ist das immer verschiedene Positionen auf unterschiedlichen Browsern?

{
    position: absolute;
    left:332px;
    top: 210px;
    width: 293px;
    height: 215px;
    border: 1px solid #000000;
    background-color: #143f72;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
}

Im IE geht es auf der linken wie 100px, im Vergleich zu Firefox und Chrome geht es wie 100px nach rechts relativ zu der FF... Warum?

Edit: Der html-Code wird nur <div id="container"><div id="the_css_above_div"></div></div>

#container hat die folgenden css: 

#container{
    float:left;
    width: 632px;
}

Dank!

  • Bedarf html-code, um zu bekommen, an die unten auf dieser.
  • Verwenden Sie ein css-reset?
  • Gerade überprüft es auf IE8, FF und Chrome. Scheint nicht zu sein, anders auf jeden von Ihnen. Check jsfiddle.net/EQn2E . Würde sehen müssen anderen code, um zu sehen, wenn es ein problem gibt.
  • der html-Code wird nur <div id="that_css_id"></div>
  • gerade bearbeitet 🙂
  • Beachten Sie, dass position: absolute ist relativ zu dem ersten Elternteil mit einem position anderen als den Standardwert. Vielleicht einige Browser betrachten ein float unterscheidet sich von Standard-und anderen Browsern nicht?
  • Wenn Sie wirklich wollen, bekommen Sie unten auf dieser, erstellen Sie eine komplette test-Fall mit jsFiddle oder JS Bin. Oder eine live-link auf Ihre Seite.
  • Hinzufügen position: relative dem container könnte die Probleme beheben, die Sie erleben, aber das ist nur eine wilde Vermutung. Empfehlen Sie einen link zu einer Testseite wie @thirtydot und @anothershrubery vorgeschlagen. 🙂

InformationsquelleAutor luqita | 2011-05-04
  1. 15

    Bekam es zu arbeiten... Das parent-div muss position:relative im CSS-Deklaration. Wenn jemand kommt über dieses problem überprüfen Sie Ihre parent-div 🙂

    • Oder bieten Menschen, die versuchen zu helfen, mit mehr Infos???
    • Ich glaube, es ist wahr nicht nur für den IE... die Blöcke sind absolut positioniert in der Beziehung zu den Eltern hat position-Attribut gesetzt, um die relative oder absolute, oder in Beziehung zu dem Fenster, wenn kein Elternteil hat die position definiert...
    • ich war GERADE dabei, nach etwas zu diesem....problem ive gewesen habend, und sobald ich sah, dass Ihr "es geschafft habe" im wie, WTF ich WEIß DAS!!!! lol......danke. +1
    • Danke, luqita. Ich hätte nie dachte, dies aus, ohne Ihren posten. +1
    InformationsquelleAutor luqita
  2. 0

    Ihre übergeordnete div hat position:relative;. Ansonsten wird Ihr position:absolute; wird die position von allen Seite. Wenn das übergeordnete div hat eine relative Positionierung absolute div positioniert sich auf Basis seiner Eltern.

    InformationsquelleAutor Extelliqent
Schreibe einen Kommentar