Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> układ strony za pomocą display
zaibatsu
post
Post #1





Grupa: Zarejestrowani
Postów: 25
Pomógł: 0
Dołączył: 7.10.2013

Ostrzeżenie: (0%)
-----


Witam serdecznie,

W chwili obecnej na górze strony umieściłem element kóry ma przypisany w css display: fixed. Element ten zgodnie z oczekiwaniami przesuwa się w dół wraz z przewijaniem strony. Niestety mam problem z kolejnym elementem pod nim. Za każdym razem "bratni" element wskakuje po części pod poprzedni przez co część treści jest nie widoczna. Jak narazie próbowałem: display table, inline, absolute, static oraz trochę próbowałem odunąć za pomocą margin. Czy może ktoś wkazać co trzeba dodać do stylów by jede element nie zasłaniał drugiego elementu zanim zacznie się przewijać stronę? możej jakiś przykład ?

Pozdrawiam i proszę o pomoc
Go to the top of the page
+Quote Post
Turson
post
Post #2





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

Ostrzeżenie: (0%)
-----


margin-top?
Go to the top of the page
+Quote Post
zaibatsu
post
Post #3





Grupa: Zarejestrowani
Postów: 25
Pomógł: 0
Dołączył: 7.10.2013

Ostrzeżenie: (0%)
-----


Niestety nie działa. próbowałem już margin-top oraz margin podając jedną wartość inną niż zero. Firebug w firexox widzi właściwości margin ale nie widać przesunięcia na stronie :/
Go to the top of the page
+Quote Post
Turson
post
Post #4





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

Ostrzeżenie: (0%)
-----


Pokaż tę stronę
Go to the top of the page
+Quote Post
zaibatsu
post
Post #5





Grupa: Zarejestrowani
Postów: 25
Pomógł: 0
Dołączył: 7.10.2013

Ostrzeżenie: (0%)
-----


Niestety samej stronki pokazać nie mogę (IMG:style_emoticons/default/tongue.gif) Ale na ten problem udało mi się rozwiązać za pomocą display:absolute + margin . Czyli połączenie którego wcześniej nie próbowałem. Teraz mam problem że wewnątrz drugiego elemenu mam w środku element przy którym nie che się wyświetlić prawidłowo tło.

panel#panel {
background: none repeat scroll 0 0 #444444;
left: 0;
margin-top: 200px;
min-height: 500px;
width: 20%;
}

Chyba znów będzie zabawa metodą prób i błędów :/

Ten post edytował zaibatsu 29.11.2014, 00:05:54
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 24.08.2025 - 17:58