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

Home Forums CSS Grids, Background Images, and Padding Oh My!

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #33443

    I like grid systems. They are easy to use, clean, and organized. However, many designs I work with have background images and padding around the content. Because of that, there’s a need to push the content away from the grid area. But doing so brakes the layout.

    Just wanted to see what others do with this situation? Any suggestions on what works best? Thanks!


    i run into this problem a lot because i want to add a border to a column or something, and it breaks the grid. the only solution i’ve found is to add a child div in the grid div.. so like..



    Definitely the only solution other than editing the grid itself.

    I never use the grid systems, situations like this illustrate why!


    @stevendeeds I have been using a nested div, even though it’s an extra div. But seems to be the easiest option when the design calls for it.

    If the design was created with a grid layout in mind, then it works well. If it wasn’t then you code the best way possible!


    What’s somewhat annoying to me is when a designer thats working with you on a site starts designing it with the grid, then decides to add strokes and drop shadows that extend outside the grid system. That just makes it frustrating for me to have to go back to him and tell him to keep it inside the 960 lines.

    I dont live by the grid, but it does help a lot when I’m turning around 4 sites every 2 weeks.

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