[Løst] vise vertikal scrollbar alltid (få bort hoppende design)

[ThorB]

har et kjipt problem med at designet (hvis det kan kalles design da ) hopper når jeg går igjennom de forskjellige sidene pågrunn av at noen av sidene har lite innhold (= ingen scrollbar), mens mange av sidene har mye innhold (= scrollbar)

og når scrollbaren vises endres størrelsen på tabellen, som er midstilt, og oppgitt i 80%....

vil gjerne beholde midstillinga, uten at det skjer noen endringer i designet...

 

ser det er mange på nettet med det samme problemet, men har ikke funnet en løsning jeg har gått for ennå.

er det noen som har sett på samme problematikken?

 

EDIT: poster fremgangen her:

 

http://snippets.dzone.com/posts/show/217

html {overflow: scroll;} works but it also gives you a horizontal scroll bar.

Okey. denne fungerer i alt jeg testa på... men horisontal bar har jeg ikke bruk for.

 

html {overflow-y: scroll;} will give you just a vertical scroll bar, if that's what you are going for.

denne fungerer ikke i opera

 

http://www.hicksdesign.co.uk/journal/forci...now-even-better

html { height: 100%; margin-bottom: 1px; }

ser ut som den beste løsningen hittil... fungerer i opera, IE(har default vertical scroll), firefox

Endret 9. desember 2007 av thor918

[arex1337]

Dette er strengt tatt ikke noe problem, imo.

[ThorB]

Dette er strengt tatt ikke noe problem, imo.

kommer vel an på øye som ser.

men liker du at designet endrer seg i bredden på grunn av at scrollbaren vises/skjules?

vel jeg liker det ikke. så derfor prøver jeg å gjøre noe med det.

å som du ser på fra mitt søk er ikke jeg den eneste som synes dette er et "problem".

 

dessuten vises problemet bedre på sider der det er skiftene fra lite til mye innhold. å en slik side har jeg

 

ser på nettsiden din f.eks. du har designet såpass langt nede... at selv siden med minst innhold har såpass med innhold til at scrollbaren vises. men derimot sammenligner du:

http://lystadonline.no/index.php?page=6

med din admin side.. så ser du at designet hopper litt. å jeg har slik hopping, når jeg navigerer gjennom hele siden.

vet ikke hva du mener om det. men det er skikkelig irriterende når siden oppfører seg slik.. det er egentlig ikke noe big deal, siden det gjelder min admin side. men liker at ting ser litt greit ut når man skal eventuelt gi løsningen til andre brukere.

[øl_i_tastaturet]

Da har du gjort noe feil i kodingen din. Prøv å legg en wrapper rundt hele siden og se om det hjelper.

[ThorB]

Da har du gjort noe feil i kodingen din. Prøv å legg en wrapper rundt hele siden og se om det hjelper.

det ikke en feil i kode dette er snakk om..

det er slik nettleseren fungerer "by design"

har man lite innhold på siden trenger man ikke vertikalscrollbar, mens har man mye innhold har man behov for å scrolle nedover. I internet explorer vises scrollbaren uannsett, mens firefox og opera vises disse etter behov.

 

grunnen til at det ser litt rart ut hos meg er at jeg har satt en tabell med prosentvis vidde.

det vil si dette størrelses forholdet endrer seg når vi skal ha plass til en vertikal scrollbar.

 

sammenlign dine sider (på oppløsnignen 1024x768):

http://www.andorz.net/index.php

http://www.andorz.net/om.php

ser du forskjellen nå?? (IE6=OK, Opera=designhopp og firefox=designhopp)

Endret 9. desember 2007 av thor918

[øl_i_tastaturet]

Ser ingen designhopp her jeg.

[ThorB]

Ser ingen designhopp her jeg.

å hva bruker du for en slags nettleser?

 

selvsagt kan skjermen din sin oppløsning spille en rolle på om du ser det eller ikke!

jeg kjører 1024x768, og ditt design hopper like fint som mitt

Endret 9. desember 2007 av thor918

[cyclo]

http://www.hicksdesign.co.uk/journal/forci...now-even-better

html { height: 100%; margin-bottom: 1px; }

ser ut som den beste løsningen hittil... fungerer i opera, IE(har default vertical scroll), firefox

Etter som jeg vet er dette absolutt best løsningen. Eneste browser jeg har hørt at den ikke fungerer i er IE5 på mac. Og hvor mange er det som bruker IE5 på mac?

[arex1337]

det ikke en feil i kode dette er snakk om..

det er slik nettleseren fungerer "by design"

Akkurat. Så lenge du markerer innholdet ditt semantisk riktig i henhold til standardene, er dette, og BØR dette, være nettleseren (les: brukeren) sin sak. Imo.

[ThorB]

det ikke en feil i kode dette er snakk om..

det er slik nettleseren fungerer "by design"

Akkurat. Så lenge du markerer innholdet ditt semantisk riktig i henhold til standardene, er dette, og BØR dette, være nettleseren (les: brukeren) sin sak. Imo.

 

vel vel. vi er vel litt uenige her da.

er 100% enig at standarder skal følges og det har jeg gjort!

men når noe ser skikkelig rart ut hos noen brukere, vil du da ikke ta hensyn til disse?

(for det er faktisk du som må ta hensyn til dette, ikke brukerene. for de kan ikke gjøre så veldig mye med det, untatt å tenke dette så rart ut)

 

får vel gi et eksempel du kan relatere deg til selv:

sett din skjerm på 1280x1024 (sikkert ikke så mange som bruker denne oppløsningen, men det er nå bare et eksempel)

http://lystadonline.no/index.php?page=5 = scrollbar

http://lystadonline.no/index.php?page=6 = ikke scrollbar

synes du dette ser fint ut? (må presisere at jeg ikke kritiserer ditt design. ser at du kan dine saker og du er helt sikkert 1000ganger bedre enn meg på design.)

 

uannsett jeg har en løsning på problemet mitt

Endret 9. desember 2007 av thor918

[ThorB]

http://www.hicksdesign.co.uk/journal/forci...now-even-better

html { height: 100%; margin-bottom: 1px; }

ser ut som den beste løsningen hittil... fungerer i opera, IE(har default vertical scroll), firefox

Etter som jeg vet er dette absolutt best løsningen. Eneste browser jeg har hørt at den ikke fungerer i er IE5 på mac. Og hvor mange er det som bruker IE5 på mac?

Takk

Det høres betryggende ut.

de på ie5mac, får bare greie seg med litt hopping er jo bare en skjønnhetsfeil dette egentlig

[arex1337]

sett din skjerm på 1280x1024 (sikkert ikke så mange som bruker denne oppløsningen, men det er nå bare et eksempel)

http://lystadonline.no/index.php?page=5 = scrollbar

http://lystadonline.no/index.php?page=6 = ikke scrollbar

synes du dette ser fint ut? (må presisere at jeg ikke kritiserer ditt design. ser at du kan dine saker og du er helt sikkert 1000ganger bedre enn meg på design.)

Ja, jeg synes dette ser fint ut. At designet hopper for å få plass til en scrollbar er slik det skal være, og det er også sånn det er på 99.9% av alle websider. Jeg synes det blir tullete å tvinge frem en scrollbar, når det ikke trengs, for å slippe denne hoppingen. Vi kan være enige om å være uenig

 

Fint at du fikk løst problemet ditt.

[øl_i_tastaturet]

Ser ingen designhopp her jeg.

å hva bruker du for en slags nettleser?

 

selvsagt kan skjermen din sin oppløsning spille en rolle på om du ser det eller ikke!

jeg kjører 1024x768, og ditt design hopper like fint som mitt

 

Bruker firefox og 1280x1024 , men rart at du får designhopp der.

Har brukt 100% height og width og kan ikke helt forstå at innholdet mitt er lengre enn 768px høyt.

 

Men men.

[cyclo]

Får i hvertfall designhopp på 1024x600

 

PS! Det kan godt tenkes at noen får designhopp på 768 og andre ikke. Det avhenger jo av hvordan man har konfigurert verktøylinjer, etc.

[øl_i_tastaturet]

Sant nok.