www.webdeveloper.com
Results 1 to 2 of 2

Thread: IE and dividing images

  1. #1
    Join Date
    May 2007
    Posts
    104

    IE and dividing images

    Hello,

    I'm having trouble with IE adding random space above and below a 1px wide image i'm using to finish off a section of floating elements.

    html:
    HTML Code:
    <div class="productrange">
    	<div class="productline">
    	<div class="productitem">x</div>
            <div class="productitem">x</div>
            <div class="productitem">x</div>
            <div class="productitem">x</div>
            <div class="productitem">x</div>
            <img src="img/testsquare.gif" width="770" height="1" />
    	</div>
    </div>
    css:
    HTML Code:
    .productrange {margin-bottom:30px;} /* outer container */
    .productline {width:770px; background-color:#c4c4c4; background-image:url(../img/white.gif); background-repeat:repeat-y;} /* each line of 5 */
    .productitem {width:131px; margin:0px 0px 1px 1px; background-color:#fff; padding:11px; float:left;} /* individual items */
    If anyone could suggest a fix that would be great

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Code:
    img {vertical-align:bottom;}
    At least 98% of internet users' DNA is identical to that of chimpanzees

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles