Infolinx-no.com Artikkel-oversikt Gi respons
Bok om web-design Om Infolinx
Scripts og tips hos Winfolinx.com Webhotell


Når et element's innhold er større enn et spesifisert område


CSS: ... og sånn blir det:
<html><head>
<style type="text/css">
div
{
background-color:#00FFFF;
width:150;
height:150;
overflow: scroll
}
</style>

</head><body>
<p>
"Overflow-property" avgjør hva som skal skje hvis innholdet i et element overgår den bestemte "width- og height". Hvis du setter "overflow-property" til å "scrolle", så vil "scrollbars" bli lagt til elementrt.
</p>
<div>
Bruk "overflow" når du vil ha bedre kontroll over layouten.<br><br>
Prøv å endre "overflow property" til: visible, hidden, auto, eller inherit og se hva som skjer. Den "defaulte" verdien er visible. <br><br>Vi tar med litt mere tekst her bare for å fylle ut så vi bedre kan se hva som skjer når vi endrer de forskjellige verdiene til kommandoen "overflow". </div>
</body></html>
"Overflow-property" avgjør hva som skal skje hvis innholdet i et element overgår den bestemte "width- og height".
Hvis du setter "overflow-property" til å "scrolle", så vil "scrollbars" bli lagt til elementrt.


Bruk "overflow" når du vil ha bedre kontroll over layouten.

Prøv å endre "overflow property" til: visible, hidden, auto, eller inherit og se hva som skjer.
Den "defaulte" verdien er visible.

Vi tar med litt mere tekst her bare for å fylle ut så vi bedre kan se hva som skjer når vi endrer de forskjellige verdiene til kommandoen "overflow".

NB: Netscape 4 har ikke support for "overflow-property".






Free Tips and JavaScripts provided
by Infolinx-no.com Web


Er du usikker på HTML og "web-snekring"? Da kan jeg tryggt anbefale e-boken "HTML fra start"!
Den tar deg med fra starten og frem til din første web-side. Boken er skrevet på norsk og i et lett og forståelig språk!
Les mer om den, eller bestill den HER!
Trenger du faglig hjelp til å profilere deg på internett?
Les mer her!






Copyright © 1999-2004:   Willy Sørensen - Infolinx-no.com