Re: [css-d] Content not centering in IE

Iorhael Mon, 26 Dec 2005 19:50:29 -0800

This comment before the doctype: " <!-- InstanceBegin
> template="/Templates/nwe_fanart.dwt" codeOutsideHTMLIsLocked="false"
> --><!DOCTYPE HTML PUBLIC "..."
> ... throws IE6 into old 'quirks mode'. Other browsers won't react on
> such a comment, so they'll stay in 'standard compliant mode'. Thus, IE6
> won't react to 'margin: 0 auto 0 auto'.
>
> Solution:
> 1: get rid of the comment and give IE6 a chance. (IE5/5.5 will still
> need the fix in solution 2)
>
> 2: add: #box {text-align: center;} and all IE will center properly,
> regardless of mode.



George...thank you for catching that comment! That was definitely in the 
wrong place. I redid the template and updated all the pages so that that 
comment comes *after* the DocType.

However, despite the fact that I have indicated center alignment and auto 
margins all the way through, the content for these pages is aligning left in 
all three browsers now :( (IE, FF, Opera). So here is my stylesheet...would 
you mind taking a look at it? I gave the #box id an alignment of center.

thanks!
Debbie

http://www.northwesternesse.com/FanArt/bk_sting.htm


A:link { text-decoration: underline; color:#336666; } /*dk green*/
A:visited  { text-decoration: underline; color:#990099; } /*purple*/
A:hover { text-decoration: underline; color:#009966; } /*green*/
A:active { text-decoration: underline; color:#009966; } /*green*/


body  {
    background-image: url(../NWEGraphics/nwelogobkgrd.gif);
 background-attachment: fixed;
    background-color: #fff;
    background-position: center;
    text-align: center;
    scrollbar-face-color: #030;
    scrollbar-shadow-color: #66846A;
    scrollbar-highlight-color: #66846A;
    scrollbar-3dlight-color: #030;
    scrollbar-darkshadow-color: #003300;
    scrollbar-track-color: #fff;
    scrollbar-arrow-color: #fff;
}

p {
 font-family: 'Comic Sans MS', sans-serif;
 font-size: 14px;
 color: #000;
 text-align: center;
}


h1 {
    font-family: 'Comic Sans MS', sans-serif;
 font-size: 16px;
 text-align: center;
 color: #030;
 font-weight: normal;
}


#box {
 width: 740px;
 margin: 10px auto 10px auto;
 line-height: 115%;
 text-align: center;
 border: solid 1px #030;
 color: #000;
}

#banner {
 background-color: #030;
 border-bottom: 1px solid #030;
 width: 100%;
 margin-bottom: 0;
}

/*top menu*/

#menu {
 margin: 0 auto 0 auto;
 padding: .25em 0 .25em 0;
 border-bottom: solid 1px #030;
 text-align: center;
 width: 100%;
}

/*content for poems and art*/

#content {
    padding: 1.5em 1.5em 2.5em 1.5em;
 margin: 0 auto 0 auto;
}


/*art nav arrows*/

img.arrow {
   padding-left: .5em;
   padding-right: .5em;
}


/*bottom links and copyright statement*/

#footer {
 clear: both;
 padding: .5em;
 border-top: 1px solid #030;
 text-align: center;
}

.navcopyright {
 display: inline;
 font-family: 'Comic Sans MS', sans-serif;
    font-size: 10px;
 line-height: 14px;
    text-align: center;
    color: #030;
}


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Content not centering in IE

Reply via email to