Making a Perfect Grid

"Making a grid of equal height elements has always been a challenge using traditional CSS layout techniques, but it’s something to which CSS tables are well suited. For example, if we want to create an image gallery comprising a grid of images withcaptions, such as the one shown in image1, using a CSS table renders the task simple.

The markup for our gallery is as follows:

Each gallery image cell is comprised of an img element and a caption in a p element contained within a div element with a class of image. Each row is contained within a div element within a class of row, and the whole gallery is containedwithin a div with a class of grid.

The CSS required to lay out our grid is simple:

The above CSS is fairly straightforward, but you might notice how we’ve made use of the border-spacing property to control the spacing of our gallery image cells.Making a grid layout couldn’t be easier—and we’ve avoided any headaches overequal heights or fragile layouts made with floated elements."

-----------From: Everything You Know About CSS Is Wrong! (www.sitepoint.com)

What is CSS Framework?

“A CSS framework is a library that is meant to allow for easier, more standards-compliant styling of a webpage using the Cascading Style Sheets language. Just like programming and scripting language libraries, CSS frameworks package a number of ready-made options for designing and outlaying a webpage.” - Wikipedia

How to use this Framework?

Just use it like normal CSS:---

link rel="stylesheet" href="print.css" type="text/css" media="print"

Important: media set to “print”

When you print the browser will use the stylesheet defined for printing.

fixed horizontal position in IE

Where the user needs to scroll sideways. Menu and buttons at the bottom stay fixed. This works great in every browser except IE. When user tried using a width for the containing element and using position:absolute; instead, but that also doesn’t do the trick.

Use this in style in body :---

[width:100%;height:100%;overflow:hidden]
#scrollablediv{height:100%;overflow:auto}
#fixedtitle{position:absolute;top:Xpx;left:50%;margin-left:-(halfelementwidth)px}<[note use of negative margin]

Read More from :http://cssbeauty.com/skillshare/discussion/3027/fixed-horizontal-position-in-ie/#Item_0

Adobe Photoshop CSS4
Adobe® Photoshop® CS4 software provides improved access to its unrivaled power through a more intuitive user experience, greater editing freedom, and significant productivity enhancements.
There's a solution for pro photographers Working with images is now easier
Education discounts are available DNG raw format is supported

Features

• Smoother panning and zooming and fluid canvas rotation
• Adjustments panel
• Auto-blending of images
• Masks panel
• Improved Adobe Photoshop Lightroom workflow
• Content-Aware Scaling
• Better raw image processing
• Extended depth of field
• Industry-leading color correction
• Auto-alignment of layers
• More powerful printing options
• Efficient file management with Adobe Bridge CS4
• File display options

See More info from: http://www.adobe.com/products/photoshop/photoshop/