I’m using IE6 and Notepad 5.1

I want a photo (float: left) and words to form my header in one div that stretch 100% the width of the page.

I'm lost. I've tried for some time to wrap a paragraph around the right hand side of a photo to no avail.

I can get the general impression I’d like using two div, but I’d prefer not to have two div side by side in my header. So I've come back to preferring the text to wrap around the photo.

In this code the word 'test' sits on bottom left of photo (unsatisfactory):

<div>
<img src=”building.JPEG” class=”photo”
>test>
</div>

In this code the word 'test' sits beneath the photo (again unsatisfactory):

<div>
<img src=”building.JPEG” class=”photo”
<p>test</p>
</div>

Your suggestions will be gratefully accepted.

What's your CSS code? Couldn't surely determine such few provided info.
Or, try to remove it first and replace it with inline style sheet. So, it will become as below.

<div>
<img src="building.JPEG" style="float:left;">test
</div>

That's really not going to work well either. More like this:

<div>
<img style="float: left" src="building.jpg">
<p>this is my header</p>
</div>
Image will be floated left, paragraph text will sit beside the image.

Make sure you CLEAR your floats:
http://css-discuss.incutio.com/?page=ClearingSpace

Yahoo...

Ladynred, I love yoooou. Andwebadm, thanks for having a crack at helping me out; all contributions are appreciated.

The weather here in NZ is still terrible; since my first post on this forum, we've had another weatherbomb. Worse up north though: bridges out, powerlines down, floods, cars crushed, enormous waves.

I read the articles on float that you suggested Ladynred; you're right, they're worth a read - I especially liked the piece by Eric Meyer. He set everything out in such a way it was easy to visualise what's going on with float.

Many thanks.

You're welcome. I'm glad you found it helpful!