...

View Full Version : Floated image breaking border of container div



whorrak
05-15-2008, 04:36 PM
I've having a bit of an issue with Internet Explorer 7 and div borders.

I'm working on a site design (page (http://www.whorrak.com/stbc/index3.html), css (http://www.whorrak.com/stbc/stylesheet3.css)), and I have a container div with some separate divs inside for each content item. Inside some of these content divs, I float an image. Whenever I do so, the left border on the container div is broken, but only in Internet Explorer, and only where the image is. If I open the page in Firefox, it looks fine.

Any assistance would be appreciated. :confused:

abduraooft
05-15-2008, 05:07 PM
Try

.itemcontent { background-color: #FFFFFF;
margin: 0px 0px 20px 0px;
padding: 10px 10px 0px 0px;
font-size: 15px;
border-top: none;
border-right: 1px dashed #000000;
border-bottom: 1px dashed #000000;
border-left: none;
text-align: justify;
zoom:+1;
}
Whenever you see an unexpected misbehavior in IE, always check peekaboo (http://www.positioniseverything.net/explorer/peekaboo.html):thumbsup:

whorrak
05-15-2008, 05:14 PM
Thank you, abduraooft! That worked perfectly.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum