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: Image alignment problem - any ideas?

back
Add Post
title left
User Details
message
title right
David Stoltz

post date:
2011-05-01 09:34:12
Hi all,

Here's my page showing the problem - this is using one of the layouts from Flexi CSS Layouts:

http://www.stoltz.us/imageproblem.asp

The image on the page is left aligned. The text "should" wrap around it, and it does on IE 8 and 9, Chrome, FireFox, Safari. etc/

On IE 6 and 7, it breaks, and the text starts at the bottom of the image, as if there were no alignment specified.

Is this a CSS problem with this layout? How can it be fixed?

Thanks for any help!
Dave
Andrei Rinciog [Extend Studio]

post date:
2011-05-02 04:56:09
Hello David,

No, it's not a problem from the layout. IE 6&7 don't recognize align="left" on the image tag. Plus this way of aligning an image is no deprecated and it's not W3C valid.

You need to use float instead. Put this rule in your CSS:

.left {
float:left;
}

And then add the image with the "left" class:

<img src="" class="left" />


Regards,
Andrei Rinciog
David Stoltz

post date:
2011-05-02 17:40:58
Awesome - that was the ticket! Thank you!
back
Add Post