Floating in IE

[rfox@scoe.net]

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:ri ght; 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

[Els]

Re: Floating in IE

rfox@scoe.net wrote:
[color=blue]
> 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:ri ght; 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?[/color]

Take the width off div.text .

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

[rfox@scoe.net]

Re: Floating in IE

> 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

[Beauregard T. Shagnasty]

Re: Floating in IE

rfox@scoe.net wrote:
[color=blue]
> 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:ri ght; 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?[/color]

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

[Els]

Re: Floating in IE

rfox@scoe.net wrote:
[color=blue][color=green]
>> Take the width off div.text .[/color]
>
> 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[/color]

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/

[rfox@scoe.net]

Re: Floating in IE

> 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