W3C home > Mailing lists > Public > www-style@w3.org > July 2003

Re: Center DIV

From: Joris Huizer <joris_huizer@yahoo.com>
Date: Thu, 3 Jul 2003 07:22:41 -0700 (PDT)
Message-ID: <20030703142241.40063.qmail@web20210.mail.yahoo.com>
To: Jonas Galvez <jonas@onrelease.org>, www-style@w3.org


--- Jonas Galvez <jonas@onrelease.org> wrote:
> 
> Hi, this is my first post on this list. Does anybody
> know 
> an efficient way to place a <div> on the center of
> the 
> page? I've tried everything. I read an article over
> @ 
> mrclay.org (url below) and the technique he teaches
> seems 
> to be the perfect approach (in terms of CSS), but 
> unfortunately, it doesn't work in IE.
> 
> http://mrclay.org/web_design/centered_image/
> 
> The *solution* I found was to position the image at
> 50% of 
> the page and then compensate with a negative margin
> (with 
> half of the size of the image). For example:
> 
> <head>
>     <style type="text/css">
>     <!--
>     div.icon {
>         position: absolute;
>         margin-top: -20px;
>         margin-left: -20px;
>         top: 50%; left: 50%;
>     }
>     -->
>     </sytle.
> </head>
> <body>
>     <div class="icon">
>         <img src="image.gif" alt="Image" />
>     </div>
> </body>
> 
> Any advice would be highly appreciated... :)
> 
> 

You didn't say it's a background image, but, if it
is...

BODY { 
  background: white url("image.gif");
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

If not, then I don't know :-/


__________________________________
Do you Yahoo!?
SBC Yahoo! DSL - Now only $29.95 per month!
http://sbc.yahoo.com
Received on Thursday, 3 July 2003 10:22:42 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:54:22 GMT