Topic: Image Align Pages that link to <a href="https://ozoneasylum.com/backlink?for=28855" title="Pages that link to Topic: Image Align" rel="nofollow" >Topic: Image Align\

 
Author Thread
skyetyger
Bipolar (III) Inmate

From: midair
Insane since: Jul 2001

IP logged posted posted 01-21-2007 21:33 Edit Quote

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?

poi
Paranoid (IV) Inmate

From: Norway
Insane since: Jun 2002

IP logged posted posted 01-21-2007 21:45 Edit Quote

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)

skyetyger
Bipolar (III) Inmate

From: midair
Insane since: Jul 2001

IP logged posted posted 01-21-2007 23:53 Edit Quote

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)

poi
Paranoid (IV) Inmate

From: Norway
Insane since: Jun 2002

IP logged posted posted 01-22-2007 09:29 Edit Quote





Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu