Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS why does the second column move if the first collapse

  • This topic is empty.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #174786
    roelof
    Participant

    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

    #174803
    Senff
    Participant

    Can’t seem to reproduce. Whether the menu is “in” or “out”, the rest of the page stays where it is.

    #174805
    roelof
    Participant

    Oke, the wrong files were updated on the net.

    Can you try again.

    Roelof

    #174807
    Senff
    Participant

    Nope, still nothing. See http://stuff.senff.com/screen.gif

    #174808
    Paulie_D
    Member

    @senff

    Definitely see it in Chrome..frankly whatever was removed broke the site.

    Version control FTW.

    #174809
    Paulie_D
    Member

    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.

    #174812
    roelof
    Participant

    Oke,

    The problem started after I made boxes B and C bigger and make the container bigger from 1000 to 1500.

    Roelof

    #174813
    Paulie_D
    Member

    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).

    #174815
    roelof
    Participant

    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%

    #174816
    Paulie_D
    Member

    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.

    #174822
    roelof
    Participant

    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.

Viewing 11 posts - 1 through 11 (of 11 total)
  • The forum ‘CSS’ is closed to new topics and replies.