snailface Posted May 11, 2006 Share Posted May 11, 2006 I have a page and a section of it, in its simplest form, is a container div, with an image floated left, and paragraphs.The problem I am finding is in IE 6. If the content of the paragraphs isn't enough to wrap to a point below the image, the bottom margin of the last paragraph is actually placed below the floated image.Anyone know why this is happening and what the fix is.Here is some sample code.Note, I used another div in place of the floated image. <html><head><style type="text/css">#container { width: 400px; overflow: hidden; border: solid 1px #000000;}#fakeImg{ float: left; width: 100px; height: 100px; background: #DDDDDD;}p{ margin: 0px 0px 20px 0px;}</style></head><body><div id="container"> <div id="fakeImg"></div> <p>some text</p> <p>some text</p></div></body></html> Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now