Dreamweaver 8: Better CSS Rendering

I recently installed Dreamweaver 8. I haven’t even begun to fully delve into the changes and improvements, but right away I knew that I was going to love it when I noticed how much better the “Design View” rendering of CSS-based layouts was. No more floating elements were forced to the bottom of the page; the page looked just as it would in any popular browser. With the ability to outline divs in dotted lines or to even color them with different background colors, working with CSS-based layouts has been made easier than ever.
Take a look! Here’s a CSS-based layout page (no tables used) in Dreamweaver’s Design View:
cssrendering1.jpg
The visual aids button helps you to quickly toggle on or off the dotted borders, called CSS Layout Outlines:
cssrendering2.jpg
You can also display the CSS Layout Backgrounds, which hides any backgrounds you’ve defined and gives each div its own background color. It’s very useful for figuring out what’s going on with your CSS layout.
cssrendering3.jpg
I’ll be posting more Dreamweaver 8 tips and tricks as I discover or use them!

Leave a Comment

Your email address will not be published. Required fields are marked *

Enter Code *

Filed Under

Related

In this session:

- #OKR fundamentals, including how to write an effective #OKR
- How to champion an #OKR program
- What #VivaGoals is & how it can help your #OKR program thrive
- How to install & get #VivaGoals running in your workspace today!

http://ow.ly/bc1i50Kj0b3

"True cybersecurity is preparing for what's next, not what was last." -Neil Rerup, Cybersecurity Expert. Start your cybersecurity journey today by ensuring multifactor authentication is enabled.

https://hubs.ly/Q01jK2-v0

Subscribe to PixelMill's
E-news

* indicates required

Let's Talk Digital
Workspaces Today

Get In Touch