Topic: Image Align

I have two Header div images
One is centered
The other I want to "float right"
The second image is overlapping the content div..in Mozilla and Opera
See Here

http://hartake.com

I have tried many solutions to the problem..p, pre, span, h3 firs, padding and margins in all different divs and configurations.
Padding added to the header div corrects the problem BUT that creates a "white" space between the header div and the content div.
&nbsp after the image tag in the body raised the (right float) image to its current position
BUT it still overlaps a bit
The page validates..
Any solution to this? Maybe wrapping the images in blockquote or divs?

I'm not sure I understand what you want to achieve but my (wild) guess is that you could use a clear:both; somewhere, i.e. on the H1-6 that should seperate the different paragraphs, to make sure nothing overlaps the next blurb of content.



(Edited by poi on 01-21-2007 21:47)

POI
THANK YOU THANK YOU THANK YOU
I set up the paragraph..with Clear Both added some padding and PRESTO!!!
It is FIXED
Have to uplaod it but it looks good so far in the tests

(Edited by skyetyger on 01-22-2007 00:00)