Oprettet man. d. 27. juli 2009 kl. 11:01:19

UlrikOne
UlrikOne (5.380 point. Point ude: 350)

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!

Skrevet man. d. 27. juli 2009 kl. 11:13:07| #1

xuzem
xuzem (12.470 point)
Hej..


Prøv:

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


- Frederik

Skrevet man. d. 27. juli 2009 kl. 11:18:35| #2

xuzem
xuzem (12.470 point)
Altså du skriver i

index.htm


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/ (...)
<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

Skrevet man. d. 27. juli 2009 kl. 14:17:21| #3

xuzem
xuzem (12.470 point)
Hva' så, kan du få det til at virke?

Skrevet tor. d. 30. juli 2009 kl. 16:36:54| #4

dmdisco
dmdisco (31.510 point)
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

Skrevet lør. d. 01. august 2009 kl. 00:27:19| #5

UlrikOne
UlrikOne (5.380 point)
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?

Skrevet søn. d. 02. august 2009 kl. 13:50:03| #6

dmdisco
dmdisco (31.510 point)
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 :)

Skrevet søn. d. 24. januar 2010 kl. 14:29:01| #7

UlrikOne
UlrikOne (5.380 point)
xusem og dmdisco: tak for hjælpen. Gider I lige lægge svar?

Skrevet tor. d. 28. januar 2010 kl. 12:11:21| #8

dmdisco
dmdisco (31.510 point)
bedre sent end aldrig :)

Skriv et indlæg




Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] [img]link til billede[/img]
Web- og emailadresser omdannes automatisk til links

Log ind

   

   

Seneste spørgsmål

hvordan fungerer en "phone version" af en side?

Oprettet den 25. maj 2012 kl. 13.03
kurdo giver 200 point for svar | Giv et svar »

Opsætning af design

Oprettet den 24. maj 2012 kl. 20.33
EveryMA giver 60 point for svar | Giv et svar »

text top

Oprettet den 23. maj 2012 kl. 08.08
oersted giver 200 point for svar | Giv et svar »



   




Tips & Tricks fra PC World

Teaser billede

Læserne: Her er vores værste it-indkøb

Det er ikke al it-udstyr, som er det rene guld. Her er nogle af læsernes skrækhistorier.


Anmeldelser fra PC World

Teaser billede

Test: Mobil med Ferrari-design - og en Trabant-motor

Motorola har begået endnu en smartphone med lækkert design og potentiale til at være blandt de bedste. Men den når ikke i mål. Se her hvorfor.


Seneste blogindlæg

Teaser billede

Tvangslukke spørgsmål: Hvad er den bedste løsning?

Hej Vi har mange åbne spørgsmål på Eksperten. Vi ville gerne tvangslukke dem - så et spørgsmål efter f.eks. 6 måneder lukkes. Men der er et par uklarheder som ville være gode at få lidt input til:...


Nyheder fra PC World

Teaser billede

Sådan siger du farvel til Facebook

Læs her, hvordan du dropper Facebook og i stedet anvender nogle brugervenlige alternativer, så du stadig kan være social på nettet.


Nyheder fra Computerworld

Teaser billede

Galleri: De fedeste håndholdte gennem 40 år

Her har du de mest banebrydende håndholdte computere gennem alle tider.


Kurser
Samarbejdspartnere

Udgiver · © 2012 IDG Danmark A/S · Hørkær 18 · 2730 Herlev · Tlf.: 77 300 300 · Fax: 77 300 301 · Brug af personoplysninger