On 15/08/2014 01:20, Chris F.A. Johnson wrote:
Try "img { display: block }" or "img { display: inline-block }"
Yes, that works equally well, can be applied to all the images, not just the
'last-of-type'.
'img:last-of-type' just needs 'position: static;', no float.
The wrapping <div> still requires 'overflow: hidden;' (without it the layout breaks up, but not
in the same mode as when there's a float. I've not yet worked out why, and it may be easy to fix
without 'overflow; hidden;')
Stylistically I think this is a better solution, as it leaves the last image in the document
flow. As with the others, I need to do some more cross-browser testing before declaring a win.
Thanks,
Tim
--
Tim Dawson
Maolbhuidhe
Fionnphort
Isle of Mull PA66 6BP
01681 700718
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
