Avatar billede izemate Nybegynder
16. marts 2004 - 19:06 Der er 17 kommentarer og
1 løsning

Scrollbar ved hjælp af div..

Hejsa..
Jeg er ved at lave denne side, men er stødt ind i et problem..

Som der ses på siden er der en scrollbar så toppen og bunden ikke forsvinder og det er skam også meningen! Men problemet er bare at denne løsning kun virker i Internet explorer.
jeg har benyttet koden :

<div style="width: 766px; height: 100%; overflow: auto">
</div>

Siden kan ses her:
http://www.metodistkirken-svendborg.dk/cms/

Mit spørgsmål er så hvordan jeg gør så det virker i andre browsere ??

<\\izemate
Avatar billede roenving Novice
16. marts 2004 - 19:16 #1
Hvad er det, som ikke virker ?-)

Det ser faktisk ud som om IE gør noget, som er direkte imod den standard, som css fastlægger, nemlig _ikke_ at give div'en 100% højde, men at give den en højde, så et helt andet element ender med at have en 100% højde ...
Avatar billede olebole Juniormester
16. marts 2004 - 19:17 #2
<ole>

Hvor på siden?

/mvh
</bole>
Avatar billede izemate Nybegynder
16. marts 2004 - 19:23 #3
olebole > den scroll der er på indholdet af siden, ikke den store til højre...

roenving > det kan godt være det er dette der er problemet, men hvordan skal man så gøre hvis der nu er en der køre 1600 * 1200 i opløsning og siden er optimeret til 1024*768 ?? derfor satte jeg heighten til 100% men dette virker så åbenbart kun i IE ??
Avatar billede olebole Juniormester
16. marts 2004 - 19:24 #4
I dette tilfælde må browseren endelig ikke sætte div'et til 100% højde - da den jo ikke ved, hvad den skal vælge 100% af.
Procentvise dimensioner beregnes af det omkransende element - og har det ikke fået sat en højde, er angivelsen meningsløs.

Derudover har du ikke sat en DOC-TYPE for dokumentet. Så kan du ikke regne med at få ret meget til at virke.
Til gengæld har du så to <html> tags ... og to er ikke dobbelt så godt som ét  :)
/mvh
Avatar billede izemate Nybegynder
16. marts 2004 - 19:30 #5
Men jeg søger jo en løsning på mit problem?? Nogen bud til hvordan siden kan tilpasses de fleste browsere osv.
Avatar billede olebole Juniormester
16. marts 2004 - 19:37 #6
Til en begyndelse: Skrot det CMS - det skriver en hæslig og ubrugelig kode  :)
Avatar billede izemate Nybegynder
16. marts 2004 - 19:44 #7
olebole > det var dog utrolig med dig, det var ikke det jeg spurgte efter.. jeg søger en løsning på overstående problem, ikke en gang crap..
Avatar billede olebole Juniormester
16. marts 2004 - 19:56 #8
Koden er en gang crap. Så længe den ikke bare _nogenlunde_ overholder gængse standarder for, hvordan HTML skrives, er det mere eller mindre ligegyldigt, hvad du gør.
Du spørger, hvordan du kan få siden til at virke. Det får du svar på. Vil du have noget andet, må du præcisere noget mere
Avatar billede izemate Nybegynder
16. marts 2004 - 19:59 #9
ikke hvordan jeg får siden til at virke, hvordan jeg får scrollbaren til at virke, i alle browsere. og siden er kun en test side, så indholdet passer ikke..

men det virker fint i mozilla..

men det er SCROLLBAREN jeg ikke kan få til at virke i mozilla... også selv da der ikke var cms system på..
Avatar billede roenving Novice
16. marts 2004 - 20:03 #10
Der er da en ganske udmærket scrollbar, når jeg bruger Mozilla ?-)
Avatar billede olebole Juniormester
16. marts 2004 - 20:06 #11
Det er endnu engang _hele_ sidens kode, der er dit problem - jeg er fløjtende ligeglad med indholdet
Avatar billede izemate Nybegynder
16. marts 2004 - 20:39 #12
roenving > ja der kommer godt nok en scrollbar, men der kommer også en scrollbar helt ude i højre side (den standard) og det skal der ikke,, men det kan jo være det er pga det med de 100 %
Avatar billede olebole Juniormester
16. marts 2004 - 20:47 #13
Du kan sagtens sætte et divs height til 50%, 100% eller 200% - men det kræver, resten af koden er HTML. Jeg har dog kraftigt på fornemmelsen, du bare ikke _vil_ vide af, hvad fejlen er.
Avatar billede izemate Nybegynder
16. marts 2004 - 20:59 #14
Olebole, jow jeg vil da gerne vide hvad fejlen er jeg er bare ikke med på hvad du mener... skal rensten af designet så være angivet i % og ikke de "normale" eller hvordan ?
Avatar billede olebole Juniormester
16. marts 2004 - 21:12 #15
Start med at sætte en DOC-TYPE for dokumentet. F.eks:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
Husk endelig URL'en! Uden den kan IE ikke tolke CSS korrekt.

Slet desuden dit ekstra <html> tag.

Derudover har du rod i dine table-tags og div-tags.

Få det ordnet, så kan vi tage den derfra  :)
Avatar billede winerror Nybegynder
17. marts 2004 - 07:54 #16
<DIV style="SCROLLBAR-FACE-COLOR: #4b5461; SCROLLBAR-HIGHLIGHT-COLOR: #4b5461; OVERFLOW: auto; WIDTH: 98%; SCROLLBAR-TRACK-COLOR: #4b5461; SCROLLBAR-DARKSHADOW-COLOR: #4b5461; HEIGHT: 280px;">
text her
</div>


går ud fra det er såden en her du manger :) God lock :)
Avatar billede olebole Juniormester
17. marts 2004 - 13:07 #17
Det er stort set, hvad han har i forvejen. Det er den omgivende kode, der giver problemer  :)
Avatar billede izemate Nybegynder
19. marts 2004 - 22:22 #18
Jeg lukker igen, løste problemet ved at lade være med at benytte scrollbaren overhovet :-)

Forsat god weekend

\\izemate
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