[thelist] CSS Image-In-Box Issue

Alan McCoy a.r.mccoy at larc.nasa.gov
Fri Aug 26 16:20:06 CDT 2005


That did the trick. Thanks a bunch!!

Alan

Maximillian Schwanekamp wrote:
> Alan McCoy wrote:
> 
>> I'm hoping someone can show me the errors of my ways. I have a div 
>> ("article") that contains two other divs -- one for the text 
>> ("textfloat") and one for a thumbnail image ("imgfloat"). The way it's
>> supposed to work is that the article div should contain the content of 
>> the textfloat and imgfloat divs and NOT allow the image to overlap 
>> below the bottom border of the article div.
> 
> 
> If you apply float: left; on .article you will see that behavior. 
> Alternatively, add a clearing element, e.g. a "clearing div" just before 
> the </div> for .article.
> 
> You might benefit from sage Eric Meyer's tutorial:
> http://www.complexspiral.com/publications/containing-floats/
> 
>> It works fine in IE, but the image hangs below the bottom in Firefox.
> 
> FF is actually more correct in this case.  On my IE6 WinXP-SP2 install, 
> the bottom of your image is getting cut off (like overflow: hidden), so 
> it does not appear "fine" to me!
> 


-- 
Alan McCoy <a.r.mccoy at larc.nasa.gov>
Web Developer
Old Dominion University Center for Advanced Engineering Environments
Peninsula Higher Education Center
Suite 200
600 Butler Farm Road
Hampton, VA 23666
Tel: (757) 766-5236
Fax: (757) 766-5246
http://www.aee.odu.edu

Get Firefox!
http://www.getfirefox.com


More information about the thelist mailing list