Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML][PHP]Jak Firefox traktuje border
Forum PHP.pl > Forum > Przedszkole
Rellik
Witam.
Mam dość nietypowy problem.
Jest <div id="main">, wewnątrz którego kolejny <div id="absolute"> z ustawionym "position: absolute" umiejscowiony jest w jakimś konkretnym miejscu diva "main". Na wszystkich popularnych przeglądarkach jest wszystko jak najbardziej OK. Do diva "main" dodaje "border-top" o szerokości powiedzmy 10px. Oczywistym faktem jest to, że cała zawartość "main" przesunie się w dól o te 10px, a co za tym idzie div "absolute" tez powinien to uczynić. Niestety wszystkie normalne przeglądarki to wiedzą oprócz głupiego firefoxa. Wygląda to tak, że firefox nie przesuwa diva "absolute", a co za tym idzie znajduje się on za wysoko.

Zdaje sobie sprawę z tego, że można to obejść stosując choćby diva z background'em zamiast górnego bordera, ale pytanie brzmi czy firefox faktycznie jest tak głupi, że nie potrafi tego zrobić po ludzku czy jest jakiś trik, który rozwiązuje to w bardziej elegancki sposób?
!*!
Pokaż kod http://jsfiddle.net/
bostaf
Właśnie, pokaż kod smile.gif
A masz na DIVie "main" position:relative?
Zrozumienie wzorca modelu pudełkowego też może pomóc w ogarnięciu pozycjonowania za pomocą CSS.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.