We take id Software's classic on the road, literally, to see how it stacks up on the Nintendo Switch.
DOOM. Nintendo Switch. Review.
An in-depth behind-the-scenes look at the game. And bass fishing.
How Ubisoft Bottled Beauty and Batshit Crazy for Far Cry 5
Join us on a chronological journey as we go through some of the highlights from three decades of Creative Assembly, the studio responsible for the brilliant Total War.
Celebrating 30 Years of Creative Assembly
Recently we had the chance to sit down with the head of Microsoft’s indie game service ID@Xbox, Chris Charla, to discuss all things Xbox, indie, and the future of the platform.
Talking Indies and Xbox One X with ID@Xbox Director Chris Charla
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.