Søg
Avatar billede sp Nybegynder
15. februar 2004 - 18:09 Der er 27 kommentarer og
1 løsning

DHTML-scrollbar Hvordan kan jeg finde den rigtige position?

Hej. Jeg er igang med at lave et site, som jeg gerne vil have centreret. Jeg har lavet det i et DIV som jeg så giver relativ position.
Jeg har så prøvet med denne Scrollbar (http://www.ghtml.com/showoff/scrollbar/index.html) og indsætte den i en absolute position, men så vil den ikke scrolle.

Er der nogle der har et bud på hvordan man kan løse det problem
Avatar billede sp Nybegynder
15. februar 2004 - 18:11 #1
Problemet er at jeg gerne vil have siden til at virke i både Mozilla og IE. For at få den centreret skal jeg sætter margin-left på auto for det det div med den relative position og så virker den ikke...
Avatar billede cms Nybegynder
15. februar 2004 - 18:30 #2
Kan du ikke sætte dens style.left med CSS expressions?
Avatar billede roenving Novice
15. februar 2004 - 18:37 #3
>>cms

-- sp vil have det til at virke i både Mozilla og IE, så er det da lige misforstået spørgsmål at begynde at snakke om de IE-specifikke behaviors !-)
Avatar billede sp Nybegynder
15. februar 2004 - 18:47 #4
Hvis jeg skulle have javascript til at finde bredden af skærmen, kan jeg ikke være sikker på hvor den er, hvis browservinduet ikke er maksimeret...
Avatar billede roenving Novice
15. februar 2004 - 20:25 #5
offsetWidth og offsetHeight skulle give næsten det samme i Mozilla og IE !-)
Avatar billede sp Nybegynder
15. februar 2004 - 21:55 #6
Jeg kan ikke få document.write(window.offsetWidth) til at virke

Der er også document.body.clientWidth i IE og window.innerWidth i NS6, Mozilla og Opera. Men det afviger lidt i forhold til browser. Men så skriver du at jeg kan bruge offsetWidth. Den virker i Opera og IE, men i Mozilla viser den 0.

Jeg fandt ud af at man kunne bruge window.onresize, men den virker ikke i Opera, som skal bruge en timer.
Avatar billede roenving Novice
15. februar 2004 - 22:00 #7
Virker .onresize ikke i Opera ?-)

Hrm, det er nyt for mig, for det er da en standard-event i html 4.01 (fra 1998 !-)

-- og så er der ikke offsetWidth eller -Height på window, men på .document og andre html-elementer !o]
Avatar billede sp Nybegynder
15. februar 2004 - 22:15 #8
Hov.
Ja jeg har læst på nettet at andre også har samme problem.
document.body.offsetWidth virker ikke i Mozilla. Og Safari undestøtter heller ikke onresize
Avatar billede roenving Novice
15. februar 2004 - 22:25 #9
document.body.offsetHeight gav 651 i IE og 652 i Mozilla ?-)
-- og offsetWidth 1106 i Mozilla !-)

-- og det kan ikke undre mig, at onresize ikke understøttes under MacOS, for Mac'en definerer objekter på brugergrænsefladen på en helt anden måde ...
Avatar billede sp Nybegynder
15. februar 2004 - 22:26 #10
<body id="clbody">

<script language="javascript">
cbody=document.getElementById("clbody")
document.write(cbody.offsetWidth)
</script>
Skriver jeg dette, viser Mozilla 1006 imens document.offsetWidth er på 1024
Avatar billede sp Nybegynder
15. februar 2004 - 22:30 #11
Men Mozilla 1.5 viser 0 når jeg skriver document.body.offsetWidth. Det kan være min doctype.
Avatar billede roenving Novice
15. februar 2004 - 22:31 #12
Hvis document.body ?-)
Avatar billede sp Nybegynder
15. februar 2004 - 22:31 #13
Men uanset doctype så virker onresize ikke i Opera - http://www.webmasterworld.com/forum21/1546.htm
Avatar billede roenving Novice
15. februar 2004 - 22:36 #14
-- bemærk at tråden er præcis 2 år gammel, og omtaler Opera 5.12, v6 er kendt men ikke testet !-)

-- og jeg har kun Moz 1.5, så det var selvfølgelig den jeg prøvede med ...
Avatar billede sp Nybegynder
15. februar 2004 - 22:41 #15
Jeg sidder med Opera 7.2 og der sker ikke noget ved onresize
Avatar billede roenving Novice
15. februar 2004 - 22:42 #16
oki ;O)
Avatar billede sp Nybegynder
15. februar 2004 - 23:11 #17
øv Mozilla bliver ved med at vise 0 også ved W3 DOM
Avatar billede roenving Novice
15. februar 2004 - 23:19 #18
Fatter jeg ikke en meter af, for den gør det hos mig med min standard-side, som har !DOCTYPE incl. dtd-link og html,body{height:100%} i style ...
Avatar billede sp Nybegynder
15. februar 2004 - 23:52 #19
Skal der defineres body width 100% i style for Mozilla ?
Avatar billede roenving Novice
15. februar 2004 - 23:54 #20
Næh, body fylder pr. definition hele bredden (det er et block-level element !-), så width er unødvendig !o]
Avatar billede sp Nybegynder
16. februar 2004 - 00:07 #21
Jeg har læst det et sted at de ville definere body til 100%.
Jeg har fundet dette http://www.quirksmode.org/viewport/compatibility.html
Jeg bruger dog Mozilla 1.5 og jeg kan ikke få det til at virke i XHTML 1.0 strict
Avatar billede roenving Novice
16. februar 2004 - 00:16 #22
Virker innerWidth ikke i Mozilla m. xhtml strict ?-)

Lyder irriterende ...
Avatar billede sp Nybegynder
16. februar 2004 - 13:20 #23
Dette her ser du til at virke i xhtml strict:
var x,y;
var test1 = document.body.scrollHeight;
var test2 = document.body.offsetHeight;
var test3 = document.documentElement.offsetHeight;
if ((test1 > test2) && (test1 > test3)) // all but Explorer Mac
{
    x = document.body.scrollWidth;
    y = document.body.scrollHeight;
}
if((test2 > test1) && (test2 > test3))  // Explorer Mac;
    //would also work in Explorer 6 Strict, Mozilla and Safari
{
    x = document.body.offsetWidth;
    y = document.body.offsetHeight;
}
else
{
    x = document.documentElement.offsetWidth;
    y = document.documentElement.offsetHeight;
}
document.write("x er: " + x)
document.write("y er: " + y)
Avatar billede sp Nybegynder
16. februar 2004 - 14:44 #24
Jeg kan ikke få onresize event til at virke i Mozilla
Avatar billede sp Nybegynder
16. februar 2004 - 21:12 #25
Hvis jeg vil sætte værdierne ind i et array og så finde den højest værdi. Hvordan gøre jeg det?
Avatar billede sp Nybegynder
16. februar 2004 - 21:14 #26
Width[0] = document.body.scrollWidth;
Width[1] = document.body.offsetWidth;
Width[2] = document.documentElement.offsetWidth;
Avatar billede sp Nybegynder
16. februar 2004 - 21:15 #27
Med var Width = new Array(3); først
Avatar billede sp Nybegynder
17. februar 2004 - 12:08 #28
Ok. jamen så lukker jeg svaret.
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
I dag 15:02 Gemme besked fra Facebook / Messenger Af lurup i Sociale medier
I går 20:17 Kan man kopiere en DVD og afspille den på * Linux Mint - Cinnamon - 22.1 - "Xia" * ? Af Ikke-ekspert i Linux
27/0821:03 Kan man få Word viewer gratis Af Strawberry i Word
26/0813:28 Findes der en brugsanvisning til : "ONKYO Stereo Casette - Tape Deck - R1" Af Ikke-ekspert i Musik & videoafspillere
24/0820:07 Libra Office 26.2.5.2 - Er sort - Kan an ændre til lysere baggrund ? (Windows 11) Af Ikke-ekspert i Office & Kontorpakker
White papers
Flere white papers »