Jump to content

Ie7 Float Issue


lastlifelost
 Share

Recommended Posts

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

(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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...