Overflow in CSS

Info 
Door: Zorzie Moeilijkheidsgraad: 2/3
Views:19.401Reacties: 6(Bekijken)
  Log in om zelf te reageren
 Waardering:3.5/10 (2 stemmen)



Dat css handig is en veel meer kan dan alleen HTML, hebben we al bewezen in talloze turorials, en hier is nogeens een voorbeeld van een functie die we niet in HTML en wel in CSS terugvinden : overflow.

Algemeen
Je kent wel het probleem dat je tekst groter is dan het vakje waar het in moet, of de afbeelding groter is. Hiervoor hebben we in CSS een attribuut, nl. overflow. Het kan verschillende waarden bevatten : ik som ze even op.

  • scroll : hier worden automatisch scrollbars gezet, ook als de afbeelding of tekst niet groter is dan het vakje waar het in moet passen.
  • auto : hier worden automatisch scrollbars weergegeven als de inhoud groter wordt dan het vakje.
  • hidden : Alles wat over de grenzen van het vakje komt, wordt verborgen.
  • visible : alles wat over het vakje komt, wordt weergegeven zonder scrollbars, het vakje wordt dus groter al de inhoud ook groter wordt.


ik geef even een voorbeeldje van hie je code er kan uitzien :
#Code
1
.vb1 {overflow : scroll ; }


Zo, dat was alles wat ik te vertellen heb over overflow. Het is niet zo echt veel, maar er valt niet veel over te vertellen dus.

Greetz
Zorzie

6 reacties
{japiecorronel} Geplaatst op 25-02-2006 om 21:02
Avatar van {japiecorronel}

Regular
Je kunt ook bij tabel voorbeeld : <div style="overflow: scroll; height: 150px;"></div> werkt ook goed
(vervang dan scroll en height voor wat je zelf wil
Ganger Geplaatst op 21-12-2005 om 13:31
Avatar van Ganger

Regular
Als je last hebt van onnodige horizantale scrollbalken op je site maar je wilt wel verticale scrollbalken dan kan je dit gebruiken:

.vb1 { overflow-x : hidden }

of toegepast in je pagina:

body { overflow-x : hidden }
Onbekend lid Geplaatst op 01-08-2005 om 14:14
 

Spammer
Ik heb iets bijgeleerd, dit wist ik nog niet... Thx
SilenceR Geplaatst op 28-01-2005 om 11:08
 

Regular
TOPPIE...
trico Geplaatst op 28-06-2004 om 20:30
 

Regular
idd, ik denk dat ik dit misschien nog wel eens gebruiken :)

Pagina 1 2 

Om te reageren moet je ingelogd zijn.
Nog niet geregistreerd? Doe dat dan nu!


Terug naar gewone pagina

Websitemaken wordt gehost door Nucleus.be, uw Hosting Solution Builder