Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    May 2008
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Internet Explorer Floated image breaking border of container div

    I've having a bit of an issue with Internet Explorer 7 and div borders.

    I'm working on a site design (page, 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.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    Try
    Code:
    .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
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    whorrak (05-15-2008)

  • #3
    New to the CF scene
    Join Date
    May 2008
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Thank you, abduraooft! That worked perfectly.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •