Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [html]Ramki bez użycia ramek
AQuatro
post 5.07.2010, 12:32:37
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 5.07.2010, 13:57:19
Post #2





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

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


nadj div atrybut overflow


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post
Pawel_W
post 5.07.2010, 16:04:23
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 smile.gif
Go to the top of the page
+Quote Post
sadistic_son
post 5.07.2010, 16:22:57
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>


--------------------
Uśpieni przez system, wychowani przez media,
Karmieni zmysłami, próżnymi żądzami...

-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
Jesteś zbyt leniwy, żeby się zarejestrować? Ja jestem zbyt leniwy aby Ci pomóc!
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
Go to the top of the page
+Quote Post
AQuatro
post 6.07.2010, 18:46:36
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
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 12:30