lastlifelost Posted October 3, 2009 Share Posted October 3, 2009 Simple issue, three images: left, right, centered. IE7 broken. Page needs to work in IE7. What am I doing wrong here?http://woodturningvt.com/betapage.php .floatleft { float: left;}.floatright { float: right;}.centered { margin: 0 auto; }.imgcol { float: left; width: 200px; height: 100%;}.images { width: 100%; min-width: 600px; text-align: center; /* works with .centered - centers center pic for IE centering bug */ }.imgcontainer { background: url(images/site/imgcolshadow.png) top left no-repeat; width: 188px; height: 150px; padding: 5px 0 0 5px; text-align: left;}div.imgcontainer , .gallery ul { display: -moz-inline-stack; display: inline-block; zoom: 1; /* triggers hasLayout for IE */ *display: inline; /* IE inline display */}<div class="images"> <div class='imgcontainer , floatleft'><img src='images/products/other/thumbs/veneerbox.jpg' alt='veneerbox.jpg' height='120' width='160' /></div> <div class='imgcontainer , centered'><img src='images/products/bowls/thumbs/oakbowl2.jpg' alt='oakbowl2.jpg' height='120' width='160' /></div> <div class='imgcontainer , floatright'><img src='images/products/platters/thumbs/sushiplatter7.jpg' alt='sushiplatter7.jpg' height='120' width='160' /></div> </div> <!-- END .images --> Link to comment Share on other sites More sharing options...
dsonesuk Posted October 3, 2009 Share Posted October 3, 2009 (1) move the centered image the the bottom, of the list of images.(2) listing multiple classes do not use a comma, all is required is a space.see below:<div class="images"> <div class="imgcontainer floatleft"><img width="160" height="120" alt="sushiplatter7.jpg" src="images/products/platters/thumbs/sushiplatter7.jpg"/></div><div class="imgcontainer floatright"><img width="160" height="120" alt="chessset1.jpg" src="images/products/other/thumbs/chessset1.jpg"/></div><div class="imgcontainer centered"><img width="160" height="120" alt="sushiplateset2.jpg" src="images/products/platters/thumbs/sushiplateset2.jpg"/></div> </div> Link to comment Share on other sites More sharing options...
lastlifelost Posted October 3, 2009 Author Share Posted October 3, 2009 Bingo. I tried moving the centered image to the end of the list last night, but it didn't work. I just never caught the comma. Thanks for looking the code over! Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.