Sent by Gunlaug_Sørtun on 26 December 2005 11:11
iorhael wrote:
> ... The elements center under each other but they are not centered in
> the middle of the page. I figure there's probably got to be a fix
> for this in IE.
I picked this page:
http://www.drk-writing.com/northwesternesse/FanArt/bk_sting.htm
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.
---
#content has a width defined in 'em'. That's not a problem as long as
there's room for it, but it will overflow the layout and skew the
content regardless of margins on larger font-sizes. Read: font-resizing.
Quite normal result for all 'em'-dimensioned containers.
#content {max-width: 600px;} will hold it in place. Some like that -
some don't.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
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/