- From: Joris Huizer <joris_huizer@yahoo.com>
- Date: Thu, 3 Jul 2003 07:22:41 -0700 (PDT)
- 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 UTC