Notifikationer

Markér alle som læst Log ud

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!

Synes godt om

Frederik Nybegynder

27. juli 2009 - 11:13 #1

Hej..

Prøv:

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

- Frederik

Synes godt om

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

Synes godt om

Frederik Nybegynder

27. juli 2009 - 14:17 #3

Hva' så, kan du få det til at virke?

Synes godt om

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

Synes godt om

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?

Synes godt om

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 :)

Synes godt om

UlrikOne Nybegynder

24. januar 2010 - 14:29 #7

xusem og dmdisco: tak for hjælpen. Gider I lige lægge svar?

Synes godt om

dmdisco Nybegynder

28. januar 2010 - 12:11 #8

bedre sent end aldrig :)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS