[e.boal]

This is a simple problem. I have a div which is 150px wide floated left. I have placed a picture in that div, however any content after the image appears over the image instead of below it...why is this!?

[emil]

Do you actually know what you are doing?
Have you considered starting systematicaly, I mean actually learnig stuff for a change?

[e.boal]

Its a help me section and its a simple question

[djeglin]

its not that simple cause it shouldnt really happen. how about you post, or link to, the html and css?

[e.boal]

HTML:

<div id="colleft">
<img src="../images/logo_bb.gif" alt="Boys' Brigade Logo" align="right"/>
<p>The text goes here....</p>
</div>

CSS:

#colleft {
width: 155px;
float: left;
}

Thank you.

[solix]

Tried it, and I think it's working fine here. Maybe it's because of the align="right" part..

[pgo]

align="right"

There's your problem right there. I bet. Not sure why, though - probably a conflict between doing things the right way - "float" - and the wrong way - "align".

[e.boal]

Completely right...I wanted to align the image to the right without adding a left margin as it would place a margin to the left of all content in that column. When I take it out it is fine.

[djeglin]

You could just have assigned a margin to the image, and not to the div... ie:

#colleft img {
margin-left: 40px;
}

always remember its not just divs that you can add margins etc to.

Cheers

David