Layout problem - advice please

Loooks like you are floating the image on the left hand side and the text is flowing along the right.

You need to stop the text from allowing a float on its left side by using the clear:left property. http://www.w3schools.com/css/pr_class_clear.asp

Create a div around the text and images, which inlcudes the clear property.

Regards
Day

I changed the code to as follows - still same effect (IE6)
<div id="tsrmain">
<h1>How Can I Make a Donation?</h1>
<img class="left" src="images/DSC000091.jpg" width="267" height="200" alt="A photograph of diesels in the yard at TSR" title="A photograph of diesels in the yard at TSR">
<p>
Donations can be made to TSR by post or directly into our Bank Account
by Standing Order. For further details or a Standing Order application form, please
<a tabindex="1" href="emailform.htm?2" title="Link to send an email to the Treasurer">contact the Treasurer</a>.

<div class="nofloat">
<p>
<!--#include file="tsrfooter.asp" -->
<br />
Last Updated
<!--#config timefmt="%c" -->
<!--#echo var="LAST_MODIFIED"-->
</p>
</div>
</div>

nofloat class is
.nofloat {
clear: both;
}

Instead of having the div around the text put this

<div class="nofloat"></div>

could you also update the link so we can see the changes.

Regards
Day

I tried </p><p class=nofloat>
I also tried <div class=nofloat></div>
No change (Tidy insists on removing the empty DIV) - but I ignored that

I will post these two attempts tonight - 18:30 UK time Wednesday
as I cannot ftp from here (I test on my Intranet server)
As
http://www.telfordsteamrailway.co.uk/newcss/donate.shtml
and
http://www.telfordsteamrailway.co.uk/newcss/donate2.shtml

Allan

Alan

You have forgotten to actually put

.nofloat {
clear: both;
}

in your CSS sheet

This
<div class="nofloat"></div>
will then work.

Regards
Day

Well - what can I say - I am an idiot

Its always the obvious that is missed

Thanks