Lee,
On Mar 22, 2006, at 6:07 AM, Lee Sommerville wrote:
> Hi guys,
>
> Could anyone please take the time to look at
> www.liquid3.com/liquid3 please.
>
> I want the main body of the site to be totally central <on all sides>
> no matter what size the vierwers window is. <snip> This may be
> really simple but please bear with me as i am merely an eager
> novice!!??
>
> #body {
> margin: 2px 0px 0px 0px;
> text-align: center;
> background-image: url(images/background.png);
> }
> #container {
> margin: 0 auto;
> width: 763px;
> background-image: url(images/back.png);
> background-repeat: no-repeat;
> background-color: #ffffff;
> display: table;
> }
Set the container width and min-height in %. and add html, body {
height: 100%; } IE doesn't know 'display: table;' or min-height, so it
is already being left out of the vertical centering party. Most of the
time, vertical centering turns out to be useless because web pages tend
to get longer over time. As soon as you have to scroll the vertical
centering effect is gone (and if you do it wrong, content disappears
out the top of the viewport). In short I wouldn't worry about it too
much.
--
Roger Roelofs
"Remember, if you’re headed in the wrong direction,
God allows U-turns!"
~Allison Gappa Bottke
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
