Sent by Gunlaug_Sørtun on 17 July 2006 13:01
David O'Neill wrote:
> I was directed to this list by a friend of mine in relation to css.
You have come to the right place for css-issues :-)
> www.amici-noctis.net
> [...] I would like to center the sections both vertically and
> horizontally, though primarily on the horizontal plane.
You have a few options, but I'll suggest the following as the
simplest/safest one.
Add a container div that'll surround everything inside body, and style
it for horizontal centering.
HTML:
<body onload="MM_showHideLa....>
<!-- Mason City Divs -->
<div id="container"> <!-- new container -->
<div id="mc_main" onmouseov....>
......
</div>
</body>
CSS:
#container {
width: 790px;
margin: 0 auto;
position: relative;
text-align: left;
}
....and add the following for older IE/win...
body {
text-align: center;
}
That will take care of centering across browser-land.
Regarding the 'show/hide' on that page: it fails miserably when
subjected to any degree of font-resizing in any and all browsers.
Overlapping-effects are unavoidable, so you should test a bit more.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
