div z scrollem Opcje

[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]

a jak zrobić, aby nie było dolnego scrolla?

Spróbuj:

[XML] pobierz, plaintext 
<div style="width: 300px; height: 100px; overflow: auto;">
<div style="width: 300px; overflow: hidden;">
 
</div>
</div>
[XML] pobierz, plaintext 

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:

[HTML] pobierz, plaintext 
div {
    display: block;
    width: 200px;
    height: 300px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
}
[HTML] pobierz, plaintext 

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]

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 ?

Ten post edytował angel2953 1.03.2006, 11:22:58

[Zajec]

Najwyraźniej tak. Opera i Firefox już pracują nieźle nad implementacją CSS3. Zdziwiło mnie, że IE to rozumie.