Hey all - I'm having a problem with getting text to wrap around a DIV in IE7. It of course renders nicely in FF.
The page in question is http://techwatching.com.
The content on that page changes regularly, so here are two screen grabs:
FF2 behaviour, as it should be everywhere IE7 wrapping issue
The classes are like so:
- .video { display:inline-block; float:right; position:relative; margin-left:15px; padding:10px; border:1px solid gray; }
-
.top_article { margin:0 0 0.5em 10px; font-family:arial,sans-serif; width:90%; }
-
.new_story { padding-bottom:1em; }
The DIV's are arranged as follows:
- <div class="new_story">
-
<div class="video"></div>
-
<div class="top_article"></div>
-
</div>
If you take a look at the page code, you'll see its a real dog's breakfast - I'm by no means a designer or coder by profession - strictly a weekend warrior.
That being said, I'm stymied by this one and would really appreciate any assistance you can share. I've tried reorganizing divs, different "display:" settings, "position:" settings, etc. to no avail. If tried it with and without "min-height" as well.
Any suggestions?
-Rod.