[CSS] absolute w IE6 Opcje

[outsider]

Witam

Mam problem z position: absolute; w IE6, kod:

Kod

#box {
             float: right;
             width: 614px;
             padding-right: 23px;                  
}



#box_2 {
        background: url('images/info_rg_gora.png') no-repeat;             
        font-size: 12px;
        height: 58px;
             width: 463px;
             float: right;             
}



.div_1 {
     position: absolute;
     z-Index: 1;
     border: 1px solid #b1ac87;
     background: #d3cda1;
     padding: 5px;
     margin-left: 20px;
     margin-top: 24px;
}

W #box znajduje sie #box_2, a w #box_2 - div_1. W IE6 div_1 jest przesuwany na prawo(nie zmienia swojej dlugosci, tak jakby margin byl ale go nie ma), nie mam pojecie dlaczego. Przyklady:

Zle wyswietalnie w IE6:

http://img218.imageshack.us/my.php?image=testsw6.jpg

Poprawne wyswietlanie:

http://img299.imageshack.us/my.php?image=test2dg0.jpg

[Lion_87]

Po pierwsze jaki efekt chcesz uzyskać?( bo może nie potrzeba absolute do tego)

[outsider]

To co pokazalem na rysunkach to jest tylko kawalek wiec napisze jak calosc ma wygladac.
W div_1 sa linki z uchwytem onClick ktory wywuluje JS i dodaje tekst do tego div_1, tak ze caly naklada sie na reszte tekstu ktory jest pod nim.

[punkomuzykant]

Każdy element ma domyślnie position:static. Pozycjonować absolutnie możesz tylko względem elementów które mają position:relative. Czyli

<div id="kontener">
<div id="2"></div>
</div>

i CSS

kontener{
position relative
}

2{
absolute
}
Pisane z palca

[edit]
i dla position absolute niema czegoś takiego jak margin Są tylko właściwości left: right: top: bottom:

Ten post edytował punkomuzykant 2.02.2009, 22:18:09