Where we bring you our picks for the year that was, including our Game of the Year.
AusGamers' Games of 2017
Where fights aren't split over a dozen 22 minute episodes.
Dragon Ball FighterZ Open Beta Impressions
We review the entire three-episode prequel series. Spoiler alert - it's great!
Life is Strange: Before the Storm Review
CSS Question
d0mino
Brisbane, Queensland
4727 posts
hello css gurus.

i am messing around with the menu layout on my website.

when the menu expands and the scroll bars pop up it moves everything to the left, is there a way to avoid this issue?

i am moving it around with padding, might i solve this issue by using margins instead?

http://operationeveryday.com/
12:47pm 15/03/10 Permalink
system
Internet
--
12:47pm 15/03/10 Permalink
hardware
Brisbane, Queensland
6887 posts
12:57pm 15/03/10 Permalink
thermite
Brisbane, Queensland
4417 posts
rofl

domino I don't understand the 'issue'. What would you like to see happen?

perhaps have the scrollbar there all the time? overflow: scroll

last edited by thermite at 12:59:44 15/Mar/10
12:58pm 15/03/10 Permalink
d0mino
Brisbane, Queensland
4729 posts
when the scroll bars pop up it throws everything in the menu around, i don't want it to move anything.
01:00pm 15/03/10 Permalink
thermite
Brisbane, Queensland
4418 posts
Not sure you can do anything other than force a scrollbar to always appear with overflow-y:scroll;
01:04pm 15/03/10 Permalink
scuzzy
Brisbane, Queensland
13793 posts
Get rid of the overflow:auto element on your menu div
01:25pm 15/03/10 Permalink
skythra
Brisbane, Queensland
1997 posts
haha nice cup hardware :D
01:26pm 15/03/10 Permalink
thermite
Brisbane, Queensland
4419 posts
then you won't be able to scroll at all
01:28pm 15/03/10 Permalink
scuzzy
Brisbane, Queensland
13794 posts
Edit: ok ignore that post

make your div wider i dunno f***,.

last edited by scuzzy at 13:33:30 15/Mar/10
01:31pm 15/03/10 Permalink
d0mino
Brisbane, Queensland
4731 posts
yeah no scroll ...
01:33pm 15/03/10 Permalink
skythra
Brisbane, Queensland
1999 posts
Mentioning CSS,

Anyone else only use textpad+chrome inspect?

Also i just wanted to gush about chrome inspect a bit more. How f*****g cool is it playing with website variables on the fly :)
01:40pm 15/03/10 Permalink
thermite
Brisbane, Queensland
4420 posts
Alright I figured it out.

You need to wrap your menu div in another div, let's call it 'wrap'.

Remove all your styles from #menu and move them to your 'wrap' div.

Make the menu div width a lot wider than the wrap div.

presto
01:41pm 15/03/10 Permalink
thermite
Brisbane, Queensland
4421 posts
Alternatively put a width on your .container that is 180px, and make the #menu a bit wider, like 200px

or the other way, make .container 160px and #main 180px

something like that

last edited by thermite at 14:21:24 15/Mar/10
02:19pm 15/03/10 Permalink
d0mino
Brisbane, Queensland
4732 posts
THANKS DUDE! giving container width of 180px worked fine.
02:59pm 15/03/10 Permalink
system
Internet
--
02:59pm 15/03/10 Permalink
AusGamers Forums
Show: per page
1
This thread is archived and cannot be replied to.