webForumDet fria alternativet

"Sidan" förflyttar sig i sidled vid rullmeny

HTML & CSS

10 svar · 1 720 visningar · startad av j.johansson1986

Medlem sedan aug. 20114 inlägg
Frågan#1

Hej,
För att förstå vilket problem jag har så jämför dessa två sidor med varandra:
http://jimmyjohansson.org/index.html

Och denna: http://jimmyjohansson.org/om_mig.html

Den som är uppmärksam märker att sidan flyttar sig några pixlar i sidled när en rullmeny skapas.

Hur ska jag lösa detta? Finns det något i CSS-koden som saknas? Går det att "fixera" sidan så att den alltid visas korrekt i webbläsaren.

Tacksam om svar!

Medlem sedan aug. 2004374 inlägg
#2

Så är det alltid

Enklaste - lägg till lite "tomrum" på de korta sidorna så att alla har rullist

Medlem sedan aug. 20114 inlägg
#3

MacWitty skrev:

Så är det alltid

Enklaste - lägg till lite "tomrum" på de korta sidorna så att alla har rullist

Okej. Kan du laborera det?

EDIT: Jag kan inte lägga på "strö-information" på alla sidor. Den effekten vill jag inte ha.

Medlem sedan aug. 20068 090 inlägg
#4

j.johansson1986 skrev:

Okej. Kan du laborera det?

EDIT: Jag kan inte lägga på "strö-information" på alla sidor. Den effekten vill jag inte ha.

Nu ser jag inte om det är divven "main" som omsluter allt innehåll.
Men är det det, så de den en höjd på 101%, alternativt ge body och eller html-taggen 101% höjd.
Idén är att innehållet ska bli längre än fönstrets öppning.
Då ska det bildas en rullist på förstasidan också.

Medlem sedan juni 2006244 inlägg
#5

Snyggaste och enklaste lösningen enligt mig är att sätta overflow-y: scroll; på html-taggen.
Då får du en "tom" scrollbar när innehållet inte kräver scroll.

html {overflow-y: scroll;}
Medlem sedan aug. 20068 090 inlägg
#6

doridori skrev:

Snyggaste och enklaste lösningen enligt mig är att sätta overflow-y: scroll; på html-taggen.
Då får du en "tom" scrollbar när innehållet inte kräver scroll.

html {overflow-y: scroll;}

Duh... givetvis är den lösningen bättre än mina förslag ovan. (y)

Medlem sedan juni 20019 519 inlägg
#7

Kan rekommendera att du tittar på http://html5boilerplate.com/ Paul och gänget har samlat mycket tips om liknande beteende och "problem".

Medlem sedan aug. 20114 inlägg
#8

doridori skrev:

Snyggaste och enklaste lösningen enligt mig är att sätta overflow-y: scroll; på html-taggen.
Då får du en "tom" scrollbar när innehållet inte kräver scroll.

html {overflow-y: scroll;}

Vart lägger jag in denna kod?

Medlem sedan aug. 20068 090 inlägg
#9

j.johansson1986 skrev:

Vart lägger jag in denna kod?

Du kopierar koden och klistrar in den i din stilmall http://jimmyjohansson.org/css/style.css

Medlem sedan aug. 20114 inlägg
#10

Danne V skrev:

Du kopierar koden och klistrar in den i din stilmall http://jimmyjohansson.org/css/style.css

Tack så hemskt mycket! Problemet är löst! Moderator kan stänga tråden!

Medlem sedan aug. 2004374 inlägg
#11

Stänga vore väl dumt - det kan ju komma andra som har liknande problem

Däremot vore det bra om du markerade den post du anser var lösningen - då kommer det att synas att problemet är löst och den som kom med svaret får "en pinne"

261 ms totalt · 4 externa anrop · v20260731065814-full.e96017d9
127 ms — deklarationer (db)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)
130 ms — ändringar (db)