IE7 Bug

[Guest bodyslam.co.uk]

Ok...

Internet Explorer 7 has been released and i have it.. But one little problem it dusnt work on my site... I have left a bug report @ http://bugs.cubecart.com/?do=details&id=568

But i want to make sure it is sorted out in 3.1.0

"When you are looking on a product catogry with pictures (like the one on my site - http://www.cheap-auctions.co.uk/index.php?...Cat&catId=2) it seams to ignor the size of the images of the catogorys and layers up the images on top of each other (ive added an image of the problem - http://img.photobucket.com/albums/v424/che...ns/Project2.jpg)"

Thanks Mike

[Guest]

Ok...

Internet Explorer 7 has been released and i have it.. But one little problem it dusnt work on my site... I have left a bug report @ http://bugs.cubecart.com/?do=details&id=568

But i want to make sure it is sorted out in 3.1.0

"When you are looking on a product catogry with pictures (like the one on my site - http://www.cheap-auctions.co.uk/index.php?...Cat&catId=2) it seams to ignor the size of the images of the catogorys and layers up the images on top of each other (ive added an image of the problem - http://img.photobucket.com/albums/v424/che...ns/Project2.jpg)"

Thanks Mike

This is not a CubeCart bug. It's actually not an IE7 bug either. For once internet Explorer is doing the right thing (which is why you probably didn't expect it).

Unlike IE6, IE7 does not expand items if you set a height or width for them and then cram something larger than that into them. That's what's happening here. You have set a wdith of 110px for the spans that contain those images, but the images are 229px wide each.

From your CSS:

.subCat {	

	text-align: center;

	padding: 8px;

	float: left;

	width: 110px;

}

If all your subcategry images are the same width you don't really need that here. Or you could set the proper width for these elements (229px - because you have an XHTML DOCTYPE bothe IE6 and 7 should use the right box model; IE5 won't, but the images will stretch them to fit, and who uses that nowadays anyway?). If you find you lose your padding this way then you can always add a margin to .subCat img instead.

[Guest bodyslam.co.uk]

Ok...

Internet Explorer 7 has been released and i have it.. But one little problem it dusnt work on my site... I have left a bug report @ http://bugs.cubecart.com/?do=details&id=568

But i want to make sure it is sorted out in 3.1.0

"When you are looking on a product catogry with pictures (like the one on my site - http://www.cheap-auctions.co.uk/index.php?...Cat&catId=2) it seams to ignor the size of the images of the catogorys and layers up the images on top of each other (ive added an image of the problem - http://img.photobucket.com/albums/v424/che...ns/Project2.jpg)"

Thanks Mike

This is not a CubeCart bug. It's actually not an IE7 bug either. For once internet Explorer is doing the right thing (which is why you probably didn't expect it).

Unlike IE6, IE7 does not expand items if you set a height or width for them and then cram something larger than that into them. That's what's happening here. You have set a wdith of 110px for the spans that contain those images, but the images are 229px wide each.

From your CSS:

.subCat {	

	text-align: center;

	padding: 8px;

	float: left;

	width: 110px;

}

If all your subcategry images are the same width you don't really need that here. Or you could set the proper width for these elements (229px - because you have an XHTML DOCTYPE bothe IE6 and 7 should use the right box model; IE5 won't, but the images will stretch them to fit, and who uses that nowadays anyway?). If you find you lose your padding this way then you can always add a margin to .subCat img instead.

how do you change this???

thanks mike

[Robsta]

You have set a wdith of 110px for the spans that contain those images, but the images are 229px wide each.

From your CSS:

.subCat {	

	text-align: center;

	padding: 8px;

	float: left;

	width: 110px;

}

If all your subcategry images are the same width you don't really need that here. Or you could set the proper width for these elements (229px - because you have an XHTML DOCTYPE bothe IE6 and 7 should use the right box model; IE5 won't, but the images will stretch them to fit, and who uses that nowadays anyway?). If you find you lose your padding this way then you can always add a margin to .subCat img instead.

how do you change this???

thanks mike

Edit /skin/skin_name/styleSheets/layout.css, and look for .subCat {

Change the width to something more appropriate.

[Guest]

I have the same problem with the height! So i must insert a field named height into css? :)