[thelist] center works in IE but not in Netscape/Moz
Scott Blanchard
octigonuser at hotmail.com
Thu Jan 15 15:35:22 CST 2004
http://demo.octigon.com/websites/templates/studentlife/test.htm
This site design should be centered in the browser window ( body
{text-align:center} )
But I cannot get it to center in any browser other than IE. Any help would
be much appreciated!
Here's the css...
body {text-align:center; background:#fff;
font-family:tahoma,verdana;font-size:11px}
.header {width:777px; height:108px; background: orange}
.siteMenu {text-align:center; height:30px; padding-left:10px;}
.siteMenu ul, .siteMenu li {display:inline; margin:0; padding:0;}
.siteMenu li {border-right:1px solid #000;padding-bottom:5px}
.siteMenu li.x8_last {border:none}
.siteMenu a {line-height:35px;text-align:center;
color:#000;text-decoration:none;padding:0 30px 2px 30px;border-bottom:1px
solid #000}
.siteMenu .x8_last a {background:none}
.siteMenu a.x8_active {font-weight:bold}
.siteMenu a:hover {background:orange;color:#fff}
#main {position:relative; text-align:left; width:777px; height:auto;
background:#fff url(../images/sidebarBottom.gif) no-repeat bottom right}
#content {min-height:250px; background:transparent; width:auto;
padding:15px; margin-right:158px;}
* html #content{height: 245px;} /*this is a hack for IE's lack of min-height
support */
#sidebars {position:relative; float:right; width:168px; top:0px;
right:0;background:transparent url(../images/sidebarTop.gif) no-repeat top
right}
#sidebars .sidebarTitle {height:25px; padding:5px 0 0 10px; color:#fff}
#sidebars .sidebarContent {padding:10px;}
.footer {width:777px; text-align:left; padding:10px;
color:#000;letter-spacing:4px; font-size:9px; border-top:1px solid #000}
_________________________________________________________________
High-speed usersbe more efficient online with the new MSN Premium Internet
Software. http://join.msn.com/?pgmarket=en-us&page=byoa/prem&ST=1
More information about the thelist
mailing list