Søg
Avatar billede bongii Nybegynder
29. oktober 2006 - 13:07 Der er 16 kommentarer og
1 løsning

Script til at fjerne scrollbar

Jeg bruger nedenstående kode til at fjerne scroll bar med. Det virker fint i IE:

<style>body{overflow:-moz-scrollbars-vertical;overflow-x:hidden;overflow-y:

Når jeg åbner den i Firefox, fjerner den ikke baren men retunere nedenstående streng på sitet:
"body{overflow:-moz-scrollbars-vertical;overflow-x:hidden;overflow-y:"

Er der nogle der ved hvordan dette løses?
Avatar billede udvikler Nybegynder
29. oktober 2006 - 13:12 #1
Gør sådan i din fil:

<style>
body {
        overflow: hidden;
}
</style>
Avatar billede bongii Nybegynder
29. oktober 2006 - 13:27 #2
Skal det være i toppen på siden?
Avatar billede udvikler Nybegynder
29. oktober 2006 - 13:29 #3
Jep, inden imellem <head> og </head>
Avatar billede udvikler Nybegynder
29. oktober 2006 - 13:30 #4
også skal du selvfølgelig erstatte den med din:

<style>body{overflow:-moz-scrollbars-vertical;overflow-x:hidden;overflow-y:
Avatar billede udvikler Nybegynder
29. oktober 2006 - 14:04 #5
Virkede det?
Avatar billede bongii Nybegynder
29. oktober 2006 - 14:18 #6
Øhh ikke helt. Den fuckede helt op med menuen.. Jeg roder lige ldit videre.
Avatar billede udvikler Nybegynder
29. oktober 2006 - 14:26 #7
Denne er testet i firefox og internet explorer og den virker?

<html>
<head>
<style>
body {
        overflow: hidden;
}
</style>
</head>

<body>
SIDENS INDHOLD
</body>
</html>
Avatar billede udvikler Nybegynder
29. oktober 2006 - 16:58 #8
Noget respons ville være fint ;-)
Avatar billede mclemens Nybegynder
29. oktober 2006 - 19:05 #9
Indsæt denne doctype før <html> :

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

( eller den doctype der passer til dit dokument ... )

...

og brug så:
<style type="text/css">
html {overflow:hidden;}
</style>

inde imellem <head> og </head>

...

eksempel:

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

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

</head><body>

</body></html>

... (scroll properties ligger kun på body delen når IE er i quirks mode) ...
Avatar billede udvikler Nybegynder
29. oktober 2006 - 19:21 #10
Ikke for at lyde mukken, men det var præcis det jeg skrev? :-)
Doctypen ændre ikke ved funktionen, så vi har skrevet præcis det samme.

Pyt med det...
Avatar billede mclemens Nybegynder
29. oktober 2006 - 19:42 #11
Nej du lyder ikke mukken, du har jo
heller ingen grund til at lyde mukken ...

Doctypen ændrer på funktionen! Hvis man har en
doctype skal man skrive html { istedet for body {
... Så mit indlæg er en detalje til folk, der måske sørger
for at deres IE browser overholder flere standarder indenfor css ...

- Så vores indlæg er langtfra det samme, indholdet i css blokken er ens,
men forskellen er hvilket element man rammer med css blokken samt doctypen
defineringen der gør at scrollstyles ligger på html istedet for body ...

Prøv i eksemplet jeg lagde i 29/10-2006 19:05:18
at rette html { til body { ... ved ikke om IE7 virker
med det - men IE6 gør ikke, det er kendt som doctype switch.

Pyt med det - det var ikke for at lyde mukken,
men mere for at fortælle hvor forskellen ligger... !)
Avatar billede mclemens Nybegynder
29. oktober 2006 - 19:48 #12
(P.s.: Man bør man skrive <style type="text/css"> istedet
for <style>, men den del ændrer ikke ved funktionerne... )
Avatar billede udvikler Nybegynder
29. oktober 2006 - 21:35 #13
19:42:52 -> Det med at doctypen ændre funnktionen vidste jeg ikke, tak for info.

19:48:30 -> Jep, det ved jeg, men jeg var bare lidt for hurtig :-)
Avatar billede mclemens Nybegynder
29. oktober 2006 - 21:40 #14
Helt ok :o)
Avatar billede bongii Nybegynder
08. november 2006 - 09:06 #15
Jeg har ikke lige fået kigget så meget på det endnu. Udvikler smid et svar, så får du nogle points.
Avatar billede udvikler Nybegynder
10. november 2006 - 14:33 #16
Værsgod
Avatar billede udvikler Nybegynder
10. november 2006 - 14:41 #17
Tak
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
25/0713:55 Ukendt sender e-mails fra - og til min e-mail adresse Af mort1 i Andet sikkerhed
24/0711:08 Forskel mellem klokkeslet start aften slut næste morgen Af krasmussen i Excel
23/0715:10 WINDOWS KOMPABILITET Af snestrup2000 i Windows
22/0720:19 DVB T2 tuner med optagefunktion Af ErikHg i Andet hardware
20/0716:00 Fildeling mellem 2 windows 11 systemer Af knudg i Windows
White papers
Flere white papers »