Flexi CSS Layouts for Dreamweaver Forum


box Flexi CSS Layouts for Dreamweaver
Flexi CSS Layouts is a Dreamweaver Extension that helps you create browser compliant table-less web pages with ease. Unlike other products that are limited to templated CSS layouts with 1, 2 or 3 columns, with Flexi CSS Layouts for Dreamweaver you can build your own custom layout structure without coding.

Find out more about Flexi CSS Layouts for Dreamweaver

Thread: row lengths

back
Add Post
title left
User Details
message
title right

post date:
2011-04-18 18:54:46
Hello,

I'm having a lot of problems with column and row lengths changing or not aligning. I'm building a site here:

www.titanpanama.com/test.html

You'll notice the shadows on the edges of the page do line up with the bottom of the page. But here they do not:

http://www.titanpanama.com/projects.html
http://www.titanpanama.com/contact.html

All the measurements inside the extension match up, so I'm at a loss as to why there is this discrepancy. I've used a gradient in the outside two columns to create the shadow.

Thank you for your help,

James
Andrei Rinciog [Extend Studio]

post date:
2011-04-19 04:37:33
Hello James,

The height you select in the Flexi Layouts editor is actually the min-height of the elements. When you add content it's possible for them to expand beyond that min-height if necessary.

In the editor all columns have the same min-height. That's why you have the layout aligned nicely there. The editor doesn't take the content into consideration when displaying the layout.

The way you built the layout you have to make sure that the content you add is exactly equal with the min-height you set.

To make sure you have the shadow all the way down regardless of the height of the content you need to drop the two additional columns on the sides. Use only one column with 8px margin left and right. Then either use a background image with the shadow on the side and white center or you can use a gradient with a white center.

I suggest using a single column so you are not limited to a single height value for all pages.

Regards,
Andrei Rinciog
back
Add Post