Avatar billede encorez Nybegynder
30. marts 2006 - 18:30 Der er 15 kommentarer og
1 løsning

Farve på scrollbar

Hej

Først et spørgsmål, der vil afhjælpe mit problem helt. På min hjemmeside er der en scrollbar uanset om siden er tom eller ej. Altså pladsen er reserveret hvis I forstår, men det kender i sikkert.
Kan man ikke indstille det sådan, så hvis ikke der er brug for den lodrette scrollbar på en side, ja så skal den hverken vises eller der skal afsættes plads til den?

Hvis ikke det er muligt, så vil jeg gerne lave en farve (baggrundsfarve) på scroll når den IKKE skal vises. Altså når scrollbaren er der, skal den selvfølgelig være der. Men hvis ikke der er brug for en scrollbar og den bare afsætter pladsen til den, så bliver baggrunden hvis (der hvor scrollbaren skulle være) og det falder ikke i med min anden baggrundsfarve.
De CCS koder jeg normalt bruger til scollbar virker vist kun på en rigtig scrollbar, og ikke til det hvide plads der vises der hvor scrollbaren skulle have været.
Hjælp?

Mvh. Simon
Avatar billede miss-g Seniormester
30. marts 2006 - 18:43 #1
Er det ikke bare at sætte den til auto - så den kun er synlig når det er nødvendigt?

Hvis det f.eks. er i en iframe:

<iframe src="side_i_iframe.htm" name="main" width="500" marginwidth="0" height="300" marginheight="0" align="top" scrolling="auto" frameborder="0"></iframe>
Avatar billede encorez Nybegynder
30. marts 2006 - 18:52 #2
Du har delvis ret. Det er korrekt ved auto at den, scrollbaren bliver kun synlig når nødvendigt, MEN pladsen afsættes stadig. Jeg har prøvet med både yes, no og auto. Men faktisk har jeg fundet en lappeløsning. Jeg sætter den til yes, så laver den scrollbaren og jeg kan farve den så den passer med min baggrund. De var lidt det jeg var ude efter.
Igen med mindre nogen fortælle mig hvordan jeg får den til IKKE at afsætte pladsen når der ikke er brug for scrollbaren.
Avatar billede mclemens Nybegynder
30. marts 2006 - 19:55 #3
... den reserverer vel ikke noget plads til scrolleren???
- i nedenstående gør den ikke...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"></head><body>
<iframe src="2.html" id="abc" width="640" height="480" scrolling="no"></iframe>
</body></html>

og 2.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>
<style type="text/css">
body{margin:0px;padding:0px;}
</style></head>

<body>
<div style="float:right;">aaa</div>
</body></html>
Avatar billede miss-g Seniormester
30. marts 2006 - 20:07 #4
Det med at farve scrollbaren virker vist kun i IE, men det er da en mulighed:

http://www.webmaster-affiliates.net/color-scrollbar.php
Avatar billede davidfossil Nybegynder
30. marts 2006 - 21:17 #5
IE viser (i modsætning til fx FF og Opera) scroolbaren hele tiden. Hvorfor? Aner det ikke!

Scrollbaren er en del af brugerens browser og ikke en del af din side, så jeg vil til en hver tid anbefale at du lader folk selv bestemme om de vil have en browser med eller uden død scrollbar i siden. Du bestemmer jo heller ikke hvilke knapper folk har i toppen af browseren, eller hvilken farve vinduets titelbar har... ;)
Avatar billede mclemens Nybegynder
30. marts 2006 - 21:40 #6
IE viser (i modsætning til fx FF og Opera) scroolbaren hele tiden. Hvorfor? Aner det ikke!>

- ikke med denne under header... eller evt. overflow:hidden;
<style type="text/css">
html{overflow:auto;}
</style>


Du bestemmer jo heller ikke hvilke knapper folk har i toppen af browseren, eller hvilken farve vinduets titelbar har...>

- Ja, det er jo egentligt lidt træls hvis ens farver konflikter med folks farve indstilling på browseren / eller hvis siden lige mangler de få px i at kunne blive vist uden en scroller, men sådan er det jo... medmindre man laver en forside med et popup vindue uden knapperne via. javascript... dog vil man nok blive slagtet af folk der mener at "det fri designs" grænser ikke giver ret til at ændre "udstillingsvinduet" ´designet´ bliver fremvist i... lidt af en ballance gang :/
Avatar billede mclemens Nybegynder
30. marts 2006 - 21:41 #7
ikke med denne under header = ikke med denne inde i header
Avatar billede encorez Nybegynder
31. marts 2006 - 11:32 #8
jeg beklager mclemens, jeg har nu prøvet det hele i min iframe og intet får scrollbaren til forsvinde selv om der ikke er brug for den. Andre forslag?
Avatar billede encorez Nybegynder
31. marts 2006 - 11:32 #9
undtagen dit første eksempel, men scrolling=no, duer ikke for så kommer der heller ikke en scrollbar når der faktisk er brug for den
Avatar billede mclemens Nybegynder
31. marts 2006 - 14:17 #10
... scrolling auto
burde virke...
sæt evt html{overflow:auto} i style i
din iframes dokuments html head

1.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"></head><body>
<iframe src="2.html" id="abc" width="640" height="480" scrolling="auto"></iframe>
</body></html>

2.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>
<style type="text/css">
body{margin:0px;padding:0px;}
</style></head><body>

<div style="width:100px;background-color:blue;float:right;">aaaaaaaaaa</div>

dsfjkh<br> ^- øg antal med br's

</body></html>
Avatar billede mclemens Nybegynder
31. marts 2006 - 16:46 #11
Hvis ovenstående (scrolling=auto) i iframe'tagget samtidig med

<style type="text/css">
html{overflow:auto;}
</style></head>

på den side der vises i iframen ikke fjerner scrollbaren, når der ikke er brug for den... Så må der være noget der "overskriver" css'en, så scrolleren kommer alligevel... hvad årsagen præcis er - er svær at sige uden et link :)
Avatar billede davidfossil Nybegynder
31. marts 2006 - 17:58 #12
> - ikke med denne under header... eller evt. overflow:hidden;

Nice, det var jeg ikke klar over. Tak :)
Avatar billede mclemens Nybegynder
31. marts 2006 - 18:02 #13
så lidt ;)
Avatar billede encorez Nybegynder
18. april 2006 - 21:57 #14
Det lykkedes rimelig tilfredsstillende. mclemens læg et svar for dine mange gode inputs
Avatar billede encorez Nybegynder
21. maj 2006 - 19:13 #15
lukkes
Avatar billede mclemens Nybegynder
21. maj 2006 - 20:16 #16
Undskyld det "manglende" svar ...
Den må vist være smuttet i glemmebogen ;)

[ Det lykkedes rimelig tilfredsstillende. ]
- Rart nok at det hjalp på problemet :)
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