Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [html]Ramki bez użycia ramek
AQuatro
post
Post #1





Grupa: Zarejestrowani
Postów: 92
Pomógł: 0
Dołączył: 29.09.2004

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


Witam.
Chciałem osiągnąć w htmlu coś takiego, żeby część strony pozostawała nieruchoma, a przewijała się jej dolna część.
Tego typu rzecz jest bardzo pomocna, bo zawsze mam dostęp do stałych rzeczy, które mi nie uciekają jak zjadę na dół strony.
Czy da się to jakoś prosto zrealizować bez użycia tradycyjnych ramek ? W jednym pliku html ?
Go to the top of the page
+Quote Post
!*!
post
Post #2





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

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


nadj div atrybut overflow
Go to the top of the page
+Quote Post
Pawel_W
post
Post #3





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

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


albo position: fixed (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
sadistic_son
post
Post #4





Grupa: Zarejestrowani
Postów: 1 495
Pomógł: 245
Dołączył: 1.07.2009
Skąd: Bydgoszcz

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


  1. <div style="position:fixed; max-height:500px;">nieruchomy element</div>
  2. <div style="margin-top:500px;">element ruchomy</div>
LUB
  1. <div>element nieruchomy</div>
  2. <div style="overflow:auto;">cala reszta strony - ruchoma</div>
Go to the top of the page
+Quote Post
AQuatro
post
Post #5





Grupa: Zarejestrowani
Postów: 92
Pomógł: 0
Dołączył: 29.09.2004

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


Dzięki za pomoc.
Ostatni przykład byłby dla mnie najlepszy. Niestety nie działa u mnie spod IE, jedynie z Firefoxa i Chrome.
Mam też problem z wydzieleniem miejsca dla np. logo, tekst ruchomy zawsze najeżdża mi na tekst nieruchomy i zasłania np. logo strony, w powyższym przykładzie prawdopodobnie jest drobny błąd, którego nie mogę rozwiązać.
Jeżeli ustawię inny margines dla elementu ruchomego i dla nieruchomego, to zawsze bierze mi pod uwagę większy margines. Nie potrafię po prostu zrobić, aby ruchomy tekst omijał nagłówek strony i go nie zasłaniał, tutaj to co na razie mam (aaa powielone tyle razy, żeby scrollować stronę):
  1. <div style="position:fixed; margin-top:0px;">nieruchomy element</div>
  2. <div style="margin-top:0px; max-height:55;">
  3. element ruchomy
  4. aaa<br>
  5. aaa<br>
  6. aaa<br>
  7. aaa<br>
  8. </div>

Jakieś sugestie? Aby działało w IE i aby nie zasłaniało LOGO strony?
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: 3.10.2025 - 13:16