I'm using what I'm calling a "quote box." I don't know the proper term, but it's like the
code box used in this forum.
The quote box is floating to the left of the image correctly in IE, but not in FF.
The CSS validates and the HTML has two errors, but I'm pretty certain those errors have nothing to do with the problem. (I can't fix those errors because they are generated by code inserted by my host)
I stripped out what I knew was unnecessary - I hope I didn't leave too much in.
I don't get it why does it
I don't get it why does it need to float to the left it's in a paragraph tag like the rest of your text therefore it should do it anyway. More to the point its maybe 3 or 4 lines below the images anyway so it wouldn't float beside it anyway.
Quote:I don't get it why
I don't get it why does it need to float to the left it's in a paragraph tag like the rest of your text therefore it should do it anyway.
That may be true, but without the float property, it does not even display correctly in IE.
More to the point its maybe 3 or 4 lines below the images anyway so it wouldn't float beside it anyway.
It should be immediately after the paragraph that ends "...migratory waterfowl." Did you look at it in IE? It displays properly in IE.
Before posting please validate your documents including your CSS.
As stated in my post, I did validate both the CSS and the HTML.
Remove the float and instead
Remove the float and instead give it a right margin wider than the image.
Why didn't I think of that?
Why didn't I think of that? I don't mind doing that, but is this considered okay practice? The reason I ask is this situation is likely to come up in the future and it seems it would be better to have a rule rather than have to determine and assign it a margin value that is going to be different often.
The problem with creating a
The problem with creating a rule is that it's possible that your boxed content won't always be next to an image in which case you won't need the extra margin. You could certainly create a rule for the border, background, padding etc, but maybe apply the margin as inline style as it's needed (not a great solution I know particularly if you're dealing with dynamically generated content).