Hey,
Can anyone tell me why i am having a formatting issue on this page in IE7?
http://www.freemanholland.com/babies/freebaby/
IE8 and Firefox display fine. If you scroll down the page you will see that the products do not display properly in IE7…
How can i fix this?
Thanks
Am I right in think that you want the image then the description (, price, location, contact) to appear below it. That is what I am seeing in Chrome and IE8. In IE7 the even rows seem fine but on the odd ones everything appears on one line/strip/block.
The difference seems to be relating to the width style and how it is inherited from the elements above it in the DOM hierarchy.
class=“row1” does not have a width and is inheriting the width of 700px from #freebaby-products.
class=“row0” has a width 746px and in IE7 that is the width that is being used. But in IE8 and Chrome I believe (but do not understand why) you are ending up with an adjusted width of 700px.
So the solution would seem to be to change the .row0 width to 700px.