IE7 apparently has a bug where clear:both doesn’t work correctly. It would work periodically if I refreshed the page, but that doesn’t give any consistency. Took awhile to find the solution, but here it is:
Set the parent element to have height:100%. It should work now. For clarity sake, here’s some sample code:
<div style="height:100%">
<div style="float:left;width:100px;">left stuff</div>
<div style="float:right;width:100px;">right stuff</div>
<div style="clear:both;">Clear</div>
</div>
Problem: How to downgrade your site gracefully for non-flash browsers such as the iPhone. The iphone is nice enough to show you a icon in place of the flash content so you’re aware that something is not displaying correctly on the page. However, this can get in the way of a good design.
Solution:
You can’t use Dreamweaver’s built in javascript to drag and drop the SWF on to the page, unfortunately. You have to use a different javascript class file from Adobe, SWFObject 2.
Here’s the help page from Adobe going over how to use it;
Alternative Content for SWF
In case that page is ever taken down, here is the link to the zip file with the examples of how to use the object.
alternative_content_examples.zip
