Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: div z scrollem
Forum PHP.pl > Forum > Po stronie przeglądarki
oper
jak w div'ie zrobic scrolla, aby jego zawartość przewijała sie
Zajec
overflow
http://www.w3.org/TR/REC-CSS2/visufx.html
oper
a jak zrobić, aby nie było dolnego scrolla?
mike
overflow: auto; wtedy pionowy scroll pojawi sie wtedy kiedy jest konieczność, tj. jeśli zawartość pzrewyższa wysokość.

Jeśli natomiast chcesz scrolla zawsze to możesz dać overflow: scroll; ale nie pozbędziesz się dolnego.

No chyba że zaczniesz się bawić JavaScript'em
Zajec
Cytat(oper @ 2006-02-28 20:19:25)
a jak zrobić, aby nie było dolnego scrolla?

Spróbuj:
  1. <div style="width: 300px; height: 100px; overflow: auto;">
  2. <div style="width: 300px; overflow: hidden;">
  3.  
  4. </div>
  5. </div>



Inaczej można to będzie zrobić, gdy się doczekamy CSS3.
angel2953
a co z overflow-x i overflow-y ? To daje tylko pionowy scroll:

  1. div {
  2. display: block;
  3. width: 200px;
  4. height: 300px;
  5. overflow: auto;
  6. overflow-x: hidden;
  7. overflow-y: scroll;
  8. }

Sprawdzone pod FF 1.5, IE 6.0, O 8.0
mike
Nie ma czegoś takiego jak overflow-x i owerflow-y. A przynajmniej nie ma tego w specyfikacji.
Będzie dopiero w CSS3. The 'overflow-x' and 'overflow-y' properties
angel2953
Cytat(mike_mech @ 2006-03-01 10:08:40)
Nie ma czegoś takiego jak overflow-x i owerflow-y. A przynajmniej nie ma tego w specyfikacji.
Będzie dopiero w CSS3. The 'overflow-x' and 'overflow-y' properties

No faktycznie walidator zgłasza błąd, ale co ciekawe IE, FF, Opera to pięknie łykają nawet po wywaleniu overflow: auto;

Czyżby miały wsparcie (choćby częściowe) dla CSS 3 questionmark.gifquestionmark.gif?
Zajec
Najwyraźniej tak. Opera i Firefox już pracują nieźle nad implementacją CSS3. Zdziwiło mnie, że IE to rozumie.
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.