Forums

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

Home Forums CSS Noob question: Grid layouts

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #252905
    chrisburton
    Participant

    Forgive the inexperienced question with regard to grid layouts as I’m just beginning to learn about it (and I loathe writing CSS).

    I’ve seen a lot of visual examples of what grid layouts can do but so far I have not seen one incorporate fixed positioning elements. My question is, can grid layouts support a fixed sidebar? If so, would it make the layout much more complicated? I may just be overthinking or haven’t done enough research in general.

    I was attempting to do a fixed sidebar on this pen here but things went haywire.
    http://codepen.io/chrisburton/full/Npweje/

    Also, if anyone has any resources to better understand grid layouts in general, link me!

    #252911
    Paulie_D
    Member

    If I get what I think you are asking the answer is, I think, NO.

    Fixed position elements always take their positioning points in relation to the viewport. They are also out of the flow for elements around them so they would be unaffected by the CSS Grid layout.

    That said, I’m not entirely clear on what it is you are trying to achieve. There’s no reason you can’t have your fixed sidebar and the have the rest of the page be grid layout. If you need to allocate space for the sidebar you can do that as a ‘blank’ column in your grid….I think.

    http://codepen.io/Paulie-D/pen/oZpoqN

    #252912
    chrisburton
    Participant

    @Paulie_D Essentially I’m looking to do exactly what you see in link below (make sure to scroll – notice sidebar) but within a grid layout. I hope that clears things up.

    http://codepen.io/jamesdarren/full/ivmcH/

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