Floating images simultaneously left and right

[John Dann]

I have a layout where I'd like to float one small image to the top
left of a page, another small one to the top right and with a single
central column of text. I've set this up and it seems to work OK in
IE6 just by using:

<img class="floatl" src="img1.gif" etc
<img class="floatr"src="img2.gif" etc
<p>Some text in the middle</p>

Simple question: It works OK in IE6, but is it reasonable to assume
that this behaviour will be robust in other recent browsers that know
about CSS? Or maybe not?

TIA
John Dann

[Neal]

On Thu, 01 Apr 2004 14:02:48 +0100, John Dann <ne**@prodata.co.uk> wrote:

I have a layout where I'd like to float one small image to the top
left of a page, another small one to the top right and with a single
central column of text. I've set this up and it seems to work OK in
IE6 just by using:

<img class="floatl" src="img1.gif" etc
<img class="floatr"src="img2.gif" etc
<p>Some text in the middle</p>

Simple question: It works OK in IE6, but is it reasonable to assume
that this behaviour will be robust in other recent browsers that know
about CSS? Or maybe not?

TIA
John Dann

AFAIK the float property on img is observed by all recent browsers which
handle CSS at all, including various Geckos and Opera. The only browsers
which would not do this properly would simply handle it in normal sequence
without applying the float.

Without had evidence in front of me, I'm inclined to believe older
browsers like N4 would louse it up. But you asked about recent browsers...