The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Can’t keep an image from spilling out of div
Can’t seem to figure out how to make the div include the whole height of the image. Here is a screenshot, this should be able to explain my issue: http://loveless.org/media/Picture2.png
Meet our Staff Dennis Loveless, DVM As owner of the D-Railed Ranch...
As owner of the D-Railed Ranch...
ul.profiles li { border: #ccc solid 1px; margin: 8px 0; padding: 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } ul.profiles img { margin-right: 8px; } ul.profiles li h2 { font-weight: bold; margin-bottom: 8px; } .left { float: left; }
Adding overflow:hidden; to ul.profiles li should do the trick to clear floats.
overflow:hidden;
ul.profiles li
worked perfectly! Thanks for the quick help!