Topic: 960 Grid Question...

When laying out in the 960 grid do you need to keep the drop shadow inside the grid?

see example: http://screencast.com/t/YzFhNzU0Y2Mt

Re: 960 Grid Question...

Is it a drop shadow as part of the graphic? I'm not sure how a CSS-applied drop-shadow would behave, but if it was part of the graphic, basically everything has to stay within the grid, BUT you can use your own negative margin to move things around a bit. So if that drop shadow is 5 pixels wide, make that container have a left-margin of 15 instead of the normal 20 (and don't forget to give it an extra right-margin of 5 pixels as well, I believe). I think that should work, but I'm not a complete expert on the subject. tongue

Re: 960 Grid Question...

IMHO, the drop shadow should be outside the grid. Imagine if you had a box that did not have drop shadows -- you'd want it to align to the edge of your other boxes, and not the shadows of the boxes.

Another way to do this besides negative margins is to just remove the margins on your grid class, and apply your own margins/padding to accommodate the drop shadow. You can use an id, or try (Warning: Shamless plug!) a little plugin I wrote for 960:
http://www.asimplecell.com/articles/con … tem-plugin

Re: 960 Grid Question...

I realize this is an older post, but thought I'd share my insight.

If you're using the CSS3 box-shadow attribute, it applies it outside of the element width, without increasing the elements width (see http://iamdanielmarino.com for an example).

I originally built my site without using the CSS3 box-shadow property and had built the graphics to work inside of the grid. It much easier to me to do that than to have to adjust the grid settings (and kind of defeats the purpose).

Daniel Marino | www.iamdanielmarino.com