Avatar billede UlrikOne Nybegynder
27. juli 2009 - 11:01 Der er 8 kommentarer

Scroll-bar på DIV-tag - hvordan?

Hej

Jeg har i stedet for at lave tabeller opbygget mit sitedesign med DIV-tags. Jeg kunne så godt tænke mig, at man kan scrolle i en af DIV-bokserne via en ganske alm. scroll-bar ligesom den Internet Explorer etc. har ude til højre.

Er der nogen der kan give mig koden til dette??

På forhånd tak!
Avatar billede Frederik Nybegynder
27. juli 2009 - 11:13 #1
Hej..


Prøv:

#scrollbar {
overflow: auto;
height: 500px;
}


- Frederik
Avatar billede Frederik Nybegynder
27. juli 2009 - 11:18 #2
Altså du skriver i

index.htm


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<div id="scrollbar">
Dit indhold her
</div>

</body>
</html>


style.css
#scrollbar {
overflow: auto;
height: 500px;
}


Så vælger du selvfølgelig bare den højde som div'en skal have.


- Frederik
Avatar billede Frederik Nybegynder
27. juli 2009 - 14:17 #3
Hva' så, kan du få det til at virke?
Avatar billede dmdisco Nybegynder
30. juli 2009 - 16:36 #4
det kræver selvfølgelig at der er indhold i div'en der gør den større end 500px i højden, ellers kan overflow: scroll; bruges så vil der altid være en scrollbar selvom indholdet ikke fylder mere end div'en
Avatar billede UlrikOne Nybegynder
01. august 2009 - 00:27 #5
Tak for svarene allesammen!

Det virker egentlig fint. Jeg bruger overflow: scroll. MEN der er bare det problem at den viser scrollbaren både horizontal og vertikalt. Den skal jo kun vise scrollbaren vertikalt. Hvordan fixer jeg lige det?
Avatar billede dmdisco Nybegynder
02. august 2009 - 13:50 #6
brug overflow: auto; så kommer der kun scrollbar frem hvis indholdet fylder mere end div'en, ellers skal du vente til css3 bliver færdigt så burde der komme en overflow-x og overflow-y :)
Avatar billede UlrikOne Nybegynder
24. januar 2010 - 14:29 #7
xusem og dmdisco: tak for hjælpen. Gider I lige lægge svar?
Avatar billede dmdisco Nybegynder
28. januar 2010 - 12:11 #8
bedre sent end aldrig :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester