Avatar billede dennism Nybegynder
27. april 2008 - 00:40 Der er 20 kommentarer og
1 løsning

HTML: div med overflow auto

Jeg har lavet en side (i CMS-systemet Joomla), hvor sidens indhold blive vist i et div med overflow:auto. I kan se det her:
http://metteweibrecht.dk/component/option,com_ponygallery/Itemid,0/func,viewcategory/catid,4/

På netop denne side, er der også en vertical-scrollbar. Det er jeg ikke interesseret I. Hvordan kan jeg få den væk? Der er ikke noget indhold, som burde være større end 100%.
Avatar billede w13 Novice
27. april 2008 - 00:46 #1
Med margin og padding kan siden alligevel godt blive tolket som større end 100%, så der er nok ikke meget andet at gøre, end at gøre elementerne på siden en smule smallere.
Avatar billede dennism Nybegynder
27. april 2008 - 01:25 #2
Jeg har prøvet at uploade nogle thumbnails hvor billederne kun er ca. 60px i bredden. Der er stadig scrollbar verticalt.
Avatar billede Slater Ekspert
27. april 2008 - 01:42 #3
Hvad har bredden med en vertikal scrollbar at gøre?
Avatar billede dennism Nybegynder
27. april 2008 - 10:30 #4
Beklager - jeg skrev forkert. Det er den horisontale scrollbar jeg gerne vil af med!
Avatar billede w13 Novice
27. april 2008 - 10:30 #5
Ok, jeg tænker horisontalt. Sorry.
Det er selvfølgelig højden, hvis du virkelig mener vertikalt og ikke horisontalt?
Avatar billede dennism Nybegynder
27. april 2008 - 11:16 #6
Det er den scrollbar i bunden af siden..
Avatar billede Slater Ekspert
27. april 2008 - 11:20 #7
Hos mig er der ingen scrollbar i bunden - hverken på Firefox, IE6 eller Opera.
Er det i div'en eller hele vinduet du har den?
Avatar billede w13 Novice
27. april 2008 - 11:45 #8
Ja, så må det være den horisontale inde i div'en?
Avatar billede w13 Novice
27. april 2008 - 11:46 #9
Som jeg ser det, skyldes det margin på tabellen i div'en..
Avatar billede dennism Nybegynder
27. april 2008 - 12:02 #10
Det er den inde i divet. Hvilken tabel er det, som har et margin?
Avatar billede w13 Novice
27. april 2008 - 12:38 #11
Hvis du åbner din side, kopierer følgende kode op i adresselinjen og trykker enter:

java script:for(var i=0,im=document.getElementsByTagName("*");i<im.length;i++){im[i].style.border="1px solid #000"};void(0)

så vil du få vist alle elementers kanter. Og så kan vi se, at der ikke er nogen elementer, som er for brede til div'en. Derfor må det være marginen på det yderste element inde i div'en.
Avatar billede Slater Ekspert
27. april 2008 - 15:48 #12
w13 - Jeg ser heller ingen horisontal scrollbar i div'en. Jeg ser slet ingen horisontale scrollbars overhovedet.
Avatar billede w13 Novice
27. april 2008 - 16:09 #13
Du bruger ikke IE7, vel? Det gør jeg, så det er vel grunden.
Avatar billede Slater Ekspert
27. april 2008 - 17:22 #14
Som jeg skrev: Firefox, IE6 og Opera. Men når både Opera og Firefox viser det uden scrollbars, er det vel rimeligt sikkert at antage at det er en fejl i IE7 (surprise!), og derfor kan det være temmelig svært at finde årsagen. Den behøver ikke være logisk.
Avatar billede w13 Novice
27. april 2008 - 17:23 #15
Ret sikker på, det er et lille margin-problem.
Avatar billede dennism Nybegynder
27. april 2008 - 17:46 #16
Har du nogen ide om, hvor denne margin skulle sidde?
Avatar billede w13 Novice
27. april 2008 - 18:11 #17
Hvad er det, din div med scrollbarerne indeholder?
Avatar billede roenving Novice
28. april 2008 - 13:33 #18
-- og så forstår jeg ikke, at den skal sidde helt ude i siden, hvorfor centrerer du den ikke horisontalt ?-)
Avatar billede nyp Nybegynder
30. april 2008 - 09:00 #19
Hvis du sætter width til 97 i den yderste tabel, vil det vist også kunne være i IE7.
<table width="97%" cellpadding="3" cellspacing="4" border="0" align="center" class="newspane">
Avatar billede dennism Nybegynder
30. april 2008 - 12:11 #20
Tak :)
Jeg havde selv forsøgt med de 98% - den stod på 100% til at starte med. Nu har jeg sat den til 95%, og det virker.

Smider du lige et svar?
Avatar billede nyp Nybegynder
30. april 2008 - 13:04 #21
velbekomme!
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