Comments on: Using css to center an image with position:absolute http://www.gilluminate.com/2006/01/06/using-css-to-center-an-image-with-position-absolute/ Wed, 28 Jul 2010 12:27:03 +0000 hourly 1 http://wordpress.org/?v=3.0 By: Gary http://www.gilluminate.com/2006/01/06/using-css-to-center-an-image-with-position-absolute/comment-page-1/#comment-7666 Gary Sat, 08 May 2010 06:03:07 +0000 http://blog.gillumiante.com/2006/01/06/using-css-to-center-an-image-with-position-absolute#comment-7666 This almost worked for me but in this mode, I cannot change the z-index so the image is a background. I can only do this when I absolute it inside the image tag This almost worked for me but in this mode, I cannot change the z-index so the image is a background. I can only do this when I absolute it inside the image tag

]]> By: Donna McMaster http://www.gilluminate.com/2006/01/06/using-css-to-center-an-image-with-position-absolute/comment-page-1/#comment-7468 Donna McMaster Thu, 14 Jan 2010 23:08:12 +0000 http://blog.gillumiante.com/2006/01/06/using-css-to-center-an-image-with-position-absolute#comment-7468 This worked fine on Firefox and IE 8, but in order to make it work on earlier IE versions I needed to add a magic "clearfix" div right after the div containing the centered image. /* slightly enhanced, universal clearfix hack */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */ For the origins of clearfix and pointer to newer stuff, see http://www.positioniseverything.net/easyclearing.html Donna This worked fine on Firefox and IE 8, but in order to make it work on earlier IE versions I needed to add a magic “clearfix” div right after the div containing the centered image.

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: ” “;
clear: both;
height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

For the origins of clearfix and pointer to newer stuff, see
http://www.positioniseverything.net/easyclearing.html

Donna

]]> By: Donna McMaster http://www.gilluminate.com/2006/01/06/using-css-to-center-an-image-with-position-absolute/comment-page-1/#comment-7467 Donna McMaster Wed, 13 Jan 2010 23:32:31 +0000 http://blog.gillumiante.com/2006/01/06/using-css-to-center-an-image-with-position-absolute#comment-7467 thank you so much! just spent a half hour trying to figure this one out and finally gave up and searched ... nifty solution! thank you so much! just spent a half hour trying to figure this one out and finally gave up and searched … nifty solution!

]]> By: Memfis http://www.gilluminate.com/2006/01/06/using-css-to-center-an-image-with-position-absolute/comment-page-1/#comment-7333 Memfis Thu, 19 Nov 2009 06:34:54 +0000 http://blog.gillumiante.com/2006/01/06/using-css-to-center-an-image-with-position-absolute#comment-7333 Amazing, this has been baffling me for so long! Thank you! Amazing, this has been baffling me for so long! Thank you!

]]> By: honey http://www.gilluminate.com/2006/01/06/using-css-to-center-an-image-with-position-absolute/comment-page-1/#comment-7127 honey Thu, 17 Sep 2009 04:24:27 +0000 http://blog.gillumiante.com/2006/01/06/using-css-to-center-an-image-with-position-absolute#comment-7127 thanks for the tip. It worked like a charm! thanks for the tip. It worked like a charm!

]]> By: SCat http://www.gilluminate.com/2006/01/06/using-css-to-center-an-image-with-position-absolute/comment-page-1/#comment-6872 SCat Mon, 29 Jun 2009 23:35:16 +0000 http://blog.gillumiante.com/2006/01/06/using-css-to-center-an-image-with-position-absolute#comment-6872 yo .. thanks you helped me out with that one! yo .. thanks you helped me out with that one!

]]> By: Jabbadoo http://www.gilluminate.com/2006/01/06/using-css-to-center-an-image-with-position-absolute/comment-page-1/#comment-5751 Jabbadoo Fri, 13 Mar 2009 17:05:50 +0000 http://blog.gillumiante.com/2006/01/06/using-css-to-center-an-image-with-position-absolute#comment-5751 thanks thanks

]]> By: Peter http://www.gilluminate.com/2006/01/06/using-css-to-center-an-image-with-position-absolute/comment-page-1/#comment-5596 Peter Tue, 13 Jan 2009 09:58:06 +0000 http://blog.gillumiante.com/2006/01/06/using-css-to-center-an-image-with-position-absolute#comment-5596 Dude, I ow you a beer. If you ever visit belgium. Dude, I ow you a beer. If you ever visit belgium.

]]> By: Sawyer http://www.gilluminate.com/2006/01/06/using-css-to-center-an-image-with-position-absolute/comment-page-1/#comment-5570 Sawyer Sun, 30 Nov 2008 11:42:50 +0000 http://blog.gillumiante.com/2006/01/06/using-css-to-center-an-image-with-position-absolute#comment-5570 Awesome! Solved my problem, thanks so much! Awesome! Solved my problem, thanks so much!

]]> By: Rachel http://www.gilluminate.com/2006/01/06/using-css-to-center-an-image-with-position-absolute/comment-page-1/#comment-5520 Rachel Sat, 11 Oct 2008 00:07:48 +0000 http://blog.gillumiante.com/2006/01/06/using-css-to-center-an-image-with-position-absolute#comment-5520 Thanks so much - I've been wrestling with this for a couple of days, off & on. I know I knew this a few months ago - AH, THE RELIEF OF SOLVING THE MYSTERY!!!! Thanks. Thanks so much – I’ve been wrestling with this for a couple of days, off & on. I know I knew this a few months ago – AH, THE RELIEF OF SOLVING THE MYSTERY!!!! Thanks.

]]>