Forum PHP.pl > [CSS] absolute w IE6

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki

outsider

26.01.2009, 15:52:51

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

26.01.2009, 18:40:19

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

outsider

26.01.2009, 19:41:18

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

2.02.2009, 22:15:55

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:

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.