Avatar billede alvion Nybegynder
18. februar 2002 - 09:52 Der er 9 kommentarer og
1 løsning

Problemer med scrollbars i <DIV>

Tag et kig på denne side i Explorer 5.0 eller 5.5

http://test.bookland.dk

Gør nu dit browservindue meget lille (under 800x600). Der kommer både en lodret og vandret scrollbar på, men den lodrette forsvinder ud af browservinduet. Hvordan kan det være, og kan det løses?

Jeg tror at problemet ligger i følgende konstruktion, men jeg ved ikke hvad jeg skal gøre ved det:

<table width="100%" height="100%" border=0 cellspacing=0 cellpadding=0>
<tr>
    <td width="100%" height="99%">
        <div style="width: 100%; height: 100%; overflow: auto;">
            Her er hovedindholdet.
        </div>
    </td>
</tr>

<tr>
    <td height=30>
        Her har jeg den blå bar i bunden
    </td>
</tr>
</table>


Hvis jeg fjerner <table> delen udenom mit <div>-tag, så står scrollbarerne fint. Men så kan jeg ikke viser den blå bar i bunden.

Jeg ønsker IKKE at bruge frames. En løsning på problemet skal fungere uden frames.
Avatar billede the_email Nybegynder
18. februar 2002 - 09:55 #1
Det virker fint hvis du trykker på f.eks. faglitteratur, så prøv af kigge i de andre koder.
Avatar billede the_email Nybegynder
18. februar 2002 - 09:55 #2
... altså hvordan du har gjort der
Avatar billede random Nybegynder
18. februar 2002 - 10:39 #3
Her du fjernet funktionen vis kilde ?? Jeg kan ikke se det!! Hvis du har det, så er det jo lidt svært at hjælpe dig!!

Men prøv lige at sætte en scroll="no" på din nederste frame!
Avatar billede alvion Nybegynder
18. februar 2002 - 11:22 #4
the_email -> Det virker da ikke fint, hvis jeg trykker på faglitteratur.

random -> Du burde sagtens kunne se kildeteksten. Klik i browserens "Vis kilde" menupunkt, eller højreklik på siden.

Jeg bruger ikke frames, det er én enkelt html-side, hvor jeg har sat scrollbars på et <div> tag. På min <body> har jeg sat scroll=no
Avatar billede alvion Nybegynder
18. februar 2002 - 11:27 #5
Prøv at gøre jeres browservindue RIGTIG lille, og forklar mig, hvorfor den lodrette scrollbar i højre side forsvinder ud af browservinduet.

Hvis i ikke forstår hvad jeg mener, så se følgende screenshot

http://test.bookland.dk/scroll.gif
Avatar billede alvion Nybegynder
18. februar 2002 - 14:22 #6
Jeg har også et andet problem: Scrollhjulet på musen har ingen effekt på <div> området. Det scroller simpelthen ikke. Piletasterne fungerer fint.
Avatar billede Noone Nybegynder
18. februar 2002 - 16:21 #7
Du ønster IKKE at se den side i opera 6 i bare 1024x768....

Anyway, scrollbaren forsvinder sikkert fordi, du angiver størrelsen af din <DIV> i pixels eller noget andet... Prøv med % det skulle løse problemet (Og sikkert smadre designet gevaldigt).

Alternativt, kan du lave noget javascript der checker browser størrelsen og derefter sætter den rette størrelse.
Avatar billede Noone Nybegynder
18. februar 2002 - 16:22 #8
Desuden er problemet IKKE at finde I opera.
Avatar billede alvion Nybegynder
18. februar 2002 - 17:03 #9
"Anyway, scrollbaren forsvinder sikkert fordi, du angiver størrelsen af din <DIV> i pixels eller noget andet... "

chanoa -> Hvis du nu lige havde brugt et øjeblik på at kigge i html-source, endsige set på det kodeudtræk jeg vedlagde i mit spørgsmål, så ville du være klar over, at jeg ALLEREDE bruger %.

Og nej problemet findes ikke i Opera, da jeg sender en anden skabelon ud, til browsere != Explorer 5+
Avatar billede alvion Nybegynder
19. februar 2002 - 05:55 #10
Nå jeg fandt ud af det på anden måde... igen.
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