Floating in IE

The goal is simple -- float a box on the right and have text flow
around it on the left. The style applied to the div the box is in
works fine in everything except, of course, IE. Here's the style:

<div style="float:right; width:320px; padding: 20px 0 25px 25px;">

Here's the URL where the page is:

http://www.scoe.net/seeds/video/vid2.html

What do I have to do in order to make the text wrap around the box in
IE?

Thanks in advance.

-Ray

rfox (AT) scoe (DOT) net wrote:

The goal is simple -- float a box on the right and have text flow
around it on the left. The style applied to the div the box is in
works fine in everything except, of course, IE. Here's the style:

div style="float:right; width:320px; padding: 20px 0 25px 25px;"

Here's the URL where the page is:

http://www.scoe.net/seeds/video/vid2.html

What do I have to do in order to make the text wrap around the box in
IE?

Take the width off div.text .

--
Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/

Take the width off div.text .

I appreciate the response, Els, but unfortunately, that didn't do the
trick. I removed the width off of .text but it still looks the same as
before: www.scoe.net/seeds/video/vid2.html

:/

-Ray

rfox (AT) scoe (DOT) net wrote:

The goal is simple -- float a box on the right and have text flow
around it on the left. The style applied to the div the box is in
works fine in everything except, of course, IE. Here's the style:

div style="float:right; width:320px; padding: 20px 0 25px 25px;"

Here's the URL where the page is:
http://www.scoe.net/seeds/video/vid2.html

What do I have to do in order to make the text wrap around the box in
IE?

Put the div containing the movie inside the div containing the content
text, and then change that movie div to a <span>. How much text will be
above it will depend on how far into the text you insert the <span>.

Here's a page of mine with several inline floated images, both right and
left.
http://countryrode.com/parts/apparel.php

--
-bts
-Warning: I brake for lawn deer

rfox (AT) scoe (DOT) net wrote:

Take the width off div.text .

I appreciate the response, Els, but unfortunately, that didn't do the
trick. I removed the width off of .text but it still looks the same as
before: www.scoe.net/seeds/video/vid2.html

Ahem ;-)
<!-- .text { width: 400px;} -->

Try /* .text {width: 400px;} */

<!-- --> is for HTML comments, /* */ for CSS comments :-)

--
Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/

Try /* .text {width: 400px;} */

Boy is my face red! Els, thank you, that did the trick! And I learned
something in the process.

Mr. Shagnasty, thanks for your input too. I tried it as well, but it
did some wacky stuff to the layout. Some goof up on my part, I'm sure.
Thank you.

Have a great weekend, ya'all!

-Ray