- This topic is empty.
Viewing 11 posts - 1 through 11 (of 11 total)
Viewing 11 posts - 1 through 11 (of 11 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Hello,
Im almost done with the layout I want.
I did removed some div and make some bigger.
But now the second column moves when the menu which is in the first column moves.
See here: http://test.tamarawobben.nl
Roelof
Can’t seem to reproduce. Whether the menu is “in” or “out”, the rest of the page stays where it is.
Oke, the wrong files were updated on the net.
Can you try again.
Roelof
Nope, still nothing. See http://stuff.senff.com/screen.gif
Definitely see it in Chrome..frankly whatever was removed broke the site.
Version control FTW.
Box A should I think be positioned (probably fixed).
Box B needs enough left margin to allow for the menu to expand
Box C, I think, needs to be float left and not right.
Oke,
The problem started after I made boxes B and C bigger and make the container bigger from 1000 to 1500.
Roelof
The problem started after I made boxes B and C bigger and make the container bigger from 1000 to 1500.
(Arbitrary widths are usually not a good idea…for resposiveness (assuming that is something you want) you should think in terms of percentages (and then max-widths).
Oke,
So the menu schould be 350/1500 * 100 = 24%
The other I want so big as possible but they have to be seen in one screen.
So maybe some 35% ??
Roelof
Edit 1 ; in the old situation all the boxes were 350 px so 35%
Not not really.
The menu is probably going to be a fixed with BUT if it’s positioned absolutely (or fixed) that doesn’t matter as it won’t count for width purposes except for…
You need to keep the left columns at least the width of the menu away from the edge of the window so that matters.
It can get a little difficult to do the math sometimes especially as the boxes and columns should be percentage based too.
I’ll have to think.
Oke,
What I try to achieve it this layout : http://imgur.com/0FxHEbj for a summary page and instead of the 4 blocks 1 I think centered box for the rest of the pages.