http://f6design.com/journal/2009/06/20/aligning-an-element-to-the-bottom-of-its-container/ Adventures in web and graphic design Wed, 16 May 2012 19:14:44 +0000 hourly 1 http://wordpress.org/?v=3.3.1 http://f6design.com/journal/2009/06/20/aligning-an-element-to-the-bottom-of-its-container/comment-page-1/#comment-109567 Jonathan Wed, 23 Sep 2009 00:04:24 +0000 http://f6design.com/journal/?p=361#comment-109567 @Jaitra - A very good suggestion! @Jaitra – A very good suggestion!

]]> http://f6design.com/journal/2009/06/20/aligning-an-element-to-the-bottom-of-its-container/comment-page-1/#comment-109565 Jaitra Tue, 22 Sep 2009 23:01:10 +0000 http://f6design.com/journal/?p=361#comment-109565 An alternative if you were working with dynamically generated images with variable heights would be to use a wrapper div around both image and the caption, float the image left and absolutely position the caption to the bottom (as currently), but instead of specifying a height for caption or the wrapper div, define overflow: hidden on the wrapper, so it will automatically stretch to the height of the floated image and thereby align the caption correctly. An alternative if you were working with dynamically generated images with variable heights would be to use a wrapper div around both image and the caption, float the image left and absolutely position the caption to the bottom (as currently), but instead of specifying a height for caption or the wrapper div, define overflow: hidden on the wrapper, so it will automatically stretch to the height of the floated image and thereby align the caption correctly.

]]> http://f6design.com/journal/2009/06/20/aligning-an-element-to-the-bottom-of-its-container/comment-page-1/#comment-109070 Pigeon Thu, 10 Sep 2009 12:00:10 +0000 http://f6design.com/journal/?p=361#comment-109070 Cheers for this! Super simple! Cheers for this! Super simple!

]]> http://f6design.com/journal/2009/06/20/aligning-an-element-to-the-bottom-of-its-container/comment-page-1/#comment-107701 Anna-Serfaklar Wed, 29 Jul 2009 21:06:09 +0000 http://f6design.com/journal/?p=361#comment-107701 Sometimes it's really that simple, isn't it? I feel a little stupid for not thinking of this myself/earlier, though. Sometimes it’s really that simple, isn’t it? I feel a little stupid for not thinking of this myself/earlier, though.

]]>