Sent by Iorhael on 27 December 2005 03:03
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-REMOVED]]
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/