[CSS] Przewijany DIV

Bardzo przydatna część kodu, która przydaje się na stronach zawierających dużo contentu. Można ją stosować w elementach blokowych, oczywiście najczęściej wykorzystywanym jest DIV. Oczywiście jest to implementacja definicji CSS overflow:

• overflow: auto – powoduje wyświetlenie jedynie tego paska przewijania, który jest w danej sytuacji potrzebny. W przypadku akapitu będzie to jedynie pasek pionowy.
• overflow: scroll – powoduje wyświetlenie pionowego i poziomego paska przewijania obejmujących zdefiniowany obszar występowania.
• overflow: visible – powoduje wyświetlenie całej zawartości elementu, bez względu na zdefiniowany obszar występowania. W Internet Explorerze 6 wylana zawartość nie nakłada się na inne elementy, w IE 7, Firefoksie i Operze – nakłada się.
• overflow: hidden – powoduje przycięcie widocznej zawartości akapitu do obszaru zdefiniowanego pudełka. Wylana część akapitu nie będzie widoczna.

Przykład:

CSS:

Java

<br/>&lt;style type=&quot;text/css&quot;&gt;<br/>&lt;!--div.scroll {<br/> height: 200px;<br/> width: 300px;<br/> overflow: auto;<br/> border: 1px solid #666;<br/> background-color: #ccc;<br/> padding: 8px;}<br/>--&gt;<br/>&lt;/style&gt;

1	<br/>&lt;style type=&quot;text/css&quot;&gt;<br/>&lt;!--div.scroll {<br/> height: 200px;<br/> width: 300px;<br/> overflow: auto;<br/> border: 1px solid #666;<br/> background-color: #ccc;<br/> padding: 8px;}<br/>--&gt;<br/>&lt;/style&gt;