Richard Lake wrote:
http://www.pricklypair.co.nz/products.php
All of the images are inserted in a floating div. When one of the
floating divs in the line is taller than the last one on the line the
next floating div seems to get hooked up on the longer one. Can
anyone suggest another way of laying out the images that doesn't have
this problem?
Your method is sound enough, but not complete.
I think you must predefine how that page should look/behave when scaled
(font-resizing). Too many variables there now, and the page itself isn't
scaling at all.
1: Define 'clear: left;' on the first caption-div in each new row.
That'll keep them from getting hooked.
If that's not working then a clearer between each row will solve it.
2: Define margin/padding in that page/section in pixels instead of ems.
At the moment everything is just moved to the right and starts to fall
down when font-size is knocked up a bit, and there is no good reason for
that kind of adjustment in a presentation like that.
regards
Georg
--
http://www.gunlaug.no
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**