Gridulator & Variable Grid System

I don't think it matters which grid you use.  IMO you should be working with your CSS & HTML person up front.  Much of what you can do in Photoshop may not translate well to the web because the web is an inherently flexible medium.   Especially now with all the different device widths people use ranging from mobiles, tablets, laptops, desktops, multi-panel displays, portrait, landscape, etc..  Responsive web design with layouts that adapt to fit various devices is the current movement.

http://www.projectseven.com/products/templates/pagepacks/adaptations/index.htm

Workflow: I use Photoshop for images only.  I then drop them into my pre-built CSS Layouts. 

Nancy O.

I'm using Photoshop cause it's easier for me to get a visual of the positioning...I'm really picky about that part.

Just as long as you understand that pixel perfect precision is not possible in web pages unless you build the entire thing as a static image which for obvious reasons won't work.

I do want it to be responsive, so that it translates well from

desktops, laptops, and tablets. As long as I put everything into a container, I should be OK, right?

Not necessarily.  If you want an adaptive layout, you'll need to design one for each device width you intend to support.  I urge you to read some articles on this subject before you proceed.

Responsive Web Design

http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

Introduction to CSS Media Queries

http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-queries.html

CS6 Fluid Grid Layouts (6 min video)

http://tv.adobe.com/watch/digital-design-cs6/creating-adaptive-designs-using-fluid-grid-la youts-in-dreamweaver-cs6/

CS6 Fluid Grid layouts (17 min video)

http://tv.adobe.com/watch/learn-dreamweaver-cs6/using-fluid-grid-layouts/

Step-by-Step tutorial -- Building Fluid Grid Layouts in DW CS6

http://www.adobe.com/inspire/2012/08/fluid-grid-layouts-dreamweaver-cs6.html

Nancy O.