logo       

Re: best way to center a image vertical and horizontal in window: msg#01090

Subject: Re: best way to center a image vertical and horizontal in window
On 27/09/2006 10:12, Sander van Surksum wrote:
> This is working but still not 100%. Is there a way that you can display
> an image right in the middle of the window?
>  

Try this:

Put the image by itself in the page, so:
<body>
        <a href="mailto:info-7ph247wCqxw@xxxxxxxxxxxxxxxx"; id="m"><img 
src="images/logo.gif" 
height="153" width="272" /></a>
</body>

CSS:
img {
        border: 0;
}
#m {
        display: block;
        position: absolute;
        width: 272px;
        height: 153px;
        top: 50%;
        left: 50%;
        margin-top: -76px; /* half the height */
        margin-left: -136px; /* half the width */
}
______________________________________________________________________
css-discuss [css-d-FPEHb7Xf0XVf4fvhJAioeSCwEArCW2h5@xxxxxxxxxxxxxxxx]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/



<Prev in Thread] Current Thread [Next in Thread>