[HTML] Problem z pozycjonowanie DIVow

0

Mam taki kod:

<div style="position:absolute; left:100px; top:100px;">
  <div style="position:absolute; top:0px; left:0px; background-color:#dddddd;">tekst wielolinijkowy i cos jeszcze</div>
</div>

Czyli zeby drogi DIV byl w pozycji (0,0) od pierwszego, ktory jest ustawiony gdzies na ekranie.
Wyszlo to, przy tworzeniu menu, ale nie o to chodzi....
Sprawdzalem strone pod IE i FF, i cos dziwnego zauwazylem :]

Tak wyglada pod IE:
user image

Tak pod nowym FF w wersji 1.5.0.1:
user image

A tak w starszym FF, wersja 1.0.1:
user image

Jak widac cos w nowym FF sie, ladnie to ujmujac, spieprzylo :D
Choc stary tez cos mieszal, bo tla nie bylo :-/

Co o tym myslicie??

0

Jeśli chcesz żeby było w jednej linijce, do pierwszego diva dodaj:
width: 100%;

0

Ja bym strzelał, że spieprzył IE i stary FF. Nowy FF wyświetla tak jak powinien. Jeśli coś ma pozycjonowanie absolutne to nie wpływa na wizualny rozmiar zewnętrznego znacznika (można to jakoś zmienić, ale w tym momencie nie pamiętam, jak).

//Dopisane: Ech, never mind :). Ale gdzie Ty przepraszam zabroniłeś mu łamać linii? Daj mu "white-space: nowrap" (ew. jakoś inaczej z tymi myślnikami, nigdy nie jestem pewny, sprawdzić możesz na w3schools.com), to nie będzie łamał.

0

A czy wiesz czym jest pozycjonowanie absolutne? Czy to nie przypadkiem pozycja wzgledem calego okna a nie elementu w ktorym jestes? Czy nie chodzi tobie o pozycjonowanie relatywne: postion:relative.

0

wyszło dobrze

absolute pozycjonuje względem najbliższego konktekstu, więc jeśli ma być to 0 0 przeglądarki kontekstem tym musi być body

domyślną wartością jest strict, który pozycjonuje - tak mi się wydaje - po koeli jak leci, tj. zgodnie co pierwsze to lepsze, reszta się dopasuje w miarę miejsca (tak jak jest np. z tabelami)

</url>

1 użytkowników online, w tym zalogowanych: 0, gości: 1