Notifikationer

Markér alle som læst Log ud

webco_dk Nybegynder

03. oktober 2006 - 17:57 Der er 7 kommentarer og
1 løsning

auto tilpas scroll

hej jeg vil gerne have nedenstående html til ,at putte scroll på min <div> hvis indholedet i div'en fylder mere en skærmbilledet kan visse. så hvordan gør jeg det.

<body style="margin-top: 100px; margin-right: 40px; margin-bottom: 10px; margin-left: 70px;">
<table align="center" border="2">
<tr>
<td>
<div style="width: 300px; overflow: auto; scrollbar-base-color:blue;">
<center>tekst</center>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
tekst<br><br>
</div>
</td>
</tr>
</table>
</body>

Synes godt om

jowii Nybegynder

03. oktober 2006 - 21:20 #1

Det er rigtigt nok som du gør det. Du har bare ikke defineret noget højde på din div, så din div bliver bare længere og længere. Det gør at din div ikke får scroll, men at 'browseren' laver scroll.

Prøv selv at skriv en masse tekst, så vil du se at din div efter et stykke tid, vil få din ønskede scroll.

Så angiv højde på din div, hvis den skal vise scroll noget før.
Eksempelvis byt:

<div style="width: 300px; overflow: auto; scrollbar-base-color:blue;">

ud med:

<div style="width: 300px; height: 300px; overflow: auto; scrollbar-base-color:blue;">

Synes godt om

jowii Nybegynder

03. oktober 2006 - 21:23 #2

Ups, ville ikke sende. Sådan er det når man er for hurtig på musen. Ville også lige fortælle dig, hvis du ikke er opmærksom på det, at nogle browsere ikke kan se farverne på din scroll ligesom du kan se i Internet Explorer. FF kan bl.a. ikke. Så skal du *sikre* dit layout helt, så check lige i alle browsere, så du ikke får nogle chok over de forskelle der er på måden, at vise din side på..

Synes godt om

webco_dk Nybegynder

04. oktober 2006 - 12:51 #3

jowii tak men jeg vil gerne have den til slev at tilpasse sig en browser uden at man skal skrive height. fordi hvis man har en lille opløsning så vil 300 px fylde meget. men hvis man har en opløsning på 1280*1024 vil 300px fylde under det halve af skærmen. så jeg vil gerne have den til at sætte scroll på hvis min div går uden for brugerens skærm.

Synes godt om

jowii Nybegynder

04. oktober 2006 - 15:21 #4

Men så er det jo også forskelligt hvornår den går ud af brugerens skærm? Det kommer også an på opløsningen?

Når du ikke angiver height, vil den jo stadig være forskellig alt efter browser og opløsning. Det vil den uanset - i hvert fald i dette tilfælde.

Du kan også angive overflow til scroll. Altså overflow:scroll, men det er en helt tredje løsning. Så er rullepanelerne der altid.

Så uanset hvilken løsning, så vil diven og i det hele taget hele din side, have forskellig størrelse alt efter opløsning.

Synes godt om

jowii Nybegynder

04. oktober 2006 - 15:26 #5

Så din div gør nøjagtigt som du ønsker nu - problemet er bare at din div også ændre størrelse, da height ikke er angivet. Og når du ikke angiver height, så vil div'en automatisk blive større, hvilket vil resulterer i, at du ikke aner hvor din div er placeret. Dér kan størrelsen/højden varierer meget.

Så er det vel bedre at angive en bestemt højde?
Hvilke sammenhøng skal du bruge diven i - så er det lidt lettere at sammenligne, og fortælle dig hvad der virker bedst?

Synes godt om

jowii Nybegynder

04. oktober 2006 - 15:31 #6

Eller forstået på en anden måde: Når du angiver bredde, vil bredden aldrig blive større eller mindre, og så har teksten kun en vej at gå, og det er nedad - altså i højden. Da du ikke har angivet nogen højde, udnytter *browseren* jo bare dette, og laver automatisk div'ens højde større. Når den så ikke kan blive større, vil der automatisk komme scrollbars på.

Synes godt om

webco_dk Nybegynder

04. oktober 2006 - 15:57 #7

ok jeg laver bare en fast højde.
tak for hjælpen

Synes godt om

jowii Nybegynder

04. oktober 2006 - 19:03 #8

selv tak -

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