Avatar billede gider_ikke_mere Nybegynder
27. november 2006 - 09:37 Der er 21 kommentarer og
1 løsning

Problem med scroll i Firefox

På denne side http://www.racingcar.dk/eksperten/ har jeg problemer med horisontal scroll i Firefox. Siden må kun have 100% højde.

Nogen der kan hjælpe?
Avatar billede foxmulder58 Praktikant
27. november 2006 - 09:45 #1
Hjaelper dette?:

html {
    overflow: -moz-scrollbars-vertical;
}
Avatar billede gider_ikke_mere Nybegynder
27. november 2006 - 09:48 #2
Desværre ikke.
Avatar billede foxmulder58 Praktikant
27. november 2006 - 09:53 #3
Hvad med dette?:

html
{
  overflow-x: auto;
  overflow-y: scroll;
}
Avatar billede gider_ikke_mere Nybegynder
27. november 2006 - 09:56 #4
Heller ikke...
Avatar billede foxmulder58 Praktikant
27. november 2006 - 09:58 #5
hvad med denne doctype istedet:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Avatar billede gider_ikke_mere Nybegynder
27. november 2006 - 10:00 #6
Så virker det sjovt nok heller ikke i IE7.
Avatar billede gider_ikke_mere Nybegynder
27. november 2006 - 10:05 #7
...eller for den sags skyld i IE6.
Avatar billede olebole Juniormester
27. november 2006 - 13:19 #8
<ole>

For det første skal du bruge den DTD, Fox skriver - ellers disable'er du de vigtigste dele af CSS i IE6.

Dernæst kan en tabel ikke have en height-attribut - selvom ingen af de større browsere har problemer med at forstå den.

Netop fordi, FF forstår height-attributten - og en ufuldstændig DTD ikke disable'er CSS i FF - opfører FF sig, som den skal i følge CSS ... og laver tabellen i fuld højde  ;o)

- og til sidst er det nu vertikal scroll, du har problemer med =)

/mvh
</bole>
Avatar billede olebole Juniormester
27. november 2006 - 13:20 #9
Du er nødt til at sætte en højde (der ikke er 100%) på tabellen, hvis du vil have scroll inde i tabellen  ;o)
Avatar billede gider_ikke_mere Nybegynder
27. november 2006 - 14:36 #10
hej Ole.
Jeg ved jeg ikke må have tabellen i 100% højde, men det virker ;o)
Jeg vil selvfølgelig gerne have koden rigtig, så hvad gør jeg så?
Det var jo meningen at hele siden skulle tilpasse sig til højden.
Avatar billede olebole Juniormester
27. november 2006 - 14:58 #11
Du skal have gang i noget JS og tilpasse højden af tabellen til viewportens højde. Prøv noget à la:

window.onload = function(){
    var h = document.documentElement.clientHeight;
    ELEMENT.style.height = h + "px";
}

Hvor ELEMENT selvfølgelig indeholder en reference til tabellen - og en forudsætning er Fox's DTD  =)
Avatar billede gider_ikke_mere Nybegynder
28. november 2006 - 17:19 #12
Og js siger mig bare intet, desværre.
Avatar billede gider_ikke_mere Nybegynder
28. november 2006 - 17:22 #13
Skal jeg udskifte ELEMENT med TD'ens ID?
Avatar billede olebole Juniormester
29. november 2006 - 10:12 #14
Nej, med en reference til table-elementet - f.eks:
    document.getElementById("tabellensID").style.height = h + "px";

Så bliver tabellen i samme højde som browserens viewport ('hullet', du ser siden igennem)  =)
Avatar billede gider_ikke_mere Nybegynder
29. november 2006 - 12:05 #15
Ok. Glemte at skrive jeg havde fundet ud af det. Men det virker kun hvis indholdet af min center fylder mindre end sidens højde. Min overflow virker stadig ikke. Det er måske fordi mit js script ligger før kreationen af min table (i head). Skal det puttes i bunden af body?
Avatar billede olebole Juniormester
29. november 2006 - 13:08 #16
Når du bruger 'window.onload', køres funktionen først, når siden er færdig-loaded.

Problemet er, at den pågældende tabel ikke skal være 100% høj. Der er andre elementer også - så det kan godt blive noget af en mother at have med at gøre  :o|
Avatar billede gider_ikke_mere Nybegynder
29. november 2006 - 14:49 #17
Min table er yderste kant, både i højde og bredde. Men jeg har droppet ideen. Måske I vil hjælpe mig med min menu. Hvordan får jeg min li til at have samme højde som ul og den div de ligger i? Det virker med lidt fiflen i FF, men ikke i IE6 & 7.
Avatar billede gider_ikke_mere Nybegynder
03. december 2006 - 15:29 #18
Ingen hjælp...
Avatar billede gider_ikke_mere Nybegynder
18. december 2006 - 14:00 #19
Arbejder på nyt design med DIVs. Vil du putte et sv. olebole!
Avatar billede olebole Juniormester
18. december 2006 - 14:30 #20
Sæ'fø'li', Putte  =)
Avatar billede olebole Juniormester
18. december 2006 - 15:40 #21
Tak for points - og God Jul  *<|;o)
Avatar billede gider_ikke_mere Nybegynder
18. december 2006 - 15:41 #22
I lige måde... putte ;-)
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