In order to use the new fluid grid features you must set a gutter for the columns. This makes styling a pain unless I'm missing something. You end up with this:
I want to add some background gradients to separate column 1 and two. With a standard layout I'm not faced with the gutters revealing the content background between elements.
Are there any work around's for this? I can build the fluid layout manually but then I loose the really nifty ability to just click and drag elements around visually in Dreamweaver's Design view.
I guess no one has encountered this or feels this is a problem. The only way for me to solve it is to manually edith the widths for the divs but that kills the any ability to drag divs around manually in the design view.
Too bad. I wish there was a better arrangement for generating faux columns and controlling the background of each div.
FGrid Layouts are a good jump start for creating Responsive Layouts. But you must accept their limitations if you want to drag divs around the screen.
Use them for the basic layout creation process. Once you're completely satisfied with the basic layouts, you can manually edit code (if you must) to remove the gutter margins. And use a separate style sheet for your content.
If/when you grow exasperated with the limitations imposed by FGLayouts, there are several other frameworks & extensions to try.
DMX Zone's Bootstrap *Free Extension for DW*
Project Seven's Page Packs *commercial CSS Templates*
Initializr (HTML5 Boilerplate, Responsive or Bootstrap)
I wish there was a better arrangement for generating faux columns and controlling the background of each div.
Equal Height Columns Script:
Thanks Nancy... That's what I've already done, editing by hand, with typography and other 'looks' in a separate style sheet.
Thanks for the links to the other frameworks. Those really help.
I'm building a big master looks layout in Illustrator now and using AI's new export CSS features. Looking forward to the new tools. Just wish the PHP/server behaviors were all updated to mysqli or pdo. Still monkeing around with converting the current site build to a more up-to-date solution.
At DMXzone we just released our DMXzone Database Connector! Now you can finally access your databases with very powerful new technology combining the easy data binding on your page with the HTML5 Data Binding extension and instant, but sophisticated Database Access!
A great replacement of the old server behaviors technology to create new dynamic web apps built the Ajax way!
The Database Connector features a great Database Connection Wizard, fully visual Query Builder to make your work a breeze.
It is available for PHP and ASP and the PHP Version is PDO based!
You will also need the free HTML5 Data Bindings extension:
Welcome to the next chapter of Dreamweaver history - building dynamic, data oriented web apps in a new whole new way!