スタイル表示のトラブル（IE6）

[辰]

お世話になります。
CMSツールを探していたところ御社のCMSDesignerを見つけ
早速、いろいろと試させていただいております。

「読み込み先ページでのスタイルシートについて」
http://cms.al-design.jp/phpbb/viewtopic.php?t=159

で立てられた質問と若干似ているのですが、
デザイン定義を埋め込んだphpページをブラウザで表示すると、IEにおいて
外部スタイルシートで指定しているデザインが一部ヘンになってしまいます。
(FIREFOXでは問題ありません)

具体的に申しますと、スタイルシート上で

「margin-left: auto;
margin-right: auto;」

によりコンテンツ全体がページ中央に表示されるように指定しているのですが、
それが左詰めになってしまいます。

CMSDesignerの問題というよりIE果ては私のCSSの問題だったら…、と
不安を感じつつも、アドバイスをいただきたく投稿いたしました。
よろしくお願いいたします。

[tsu]

こんにちは。

基本的にCMSDesignerはXMLをXSLTで整形して表示表示させているだけなので、CSSに問題があると思います。

普通に #test{ margin : 0 auto; width : 700px ; }とかでセンタリングされると思うのですが。
当方先日、IE6にお別れを告げてしまったので何とも言えませんけど。
IE 5とかだと、どうだか知りません。

[辰]

早速の返信ありがとうございます！

お書きになられているように、CSS上で
左右のマージンをautoで指定しているだけですので
なぜそれが急に左詰めになってしまうのか判りかねております。

(CMSDesignerに埋め込む前の静的なページとしては
表示の崩れはありませんでした。)

#container {
margin-top: 20px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
padding :0px;
border: 0px;
width:842px;
}

CSSもこれ以上どう変更するのかちょっと途方にくれています。

[tsu]

#containerの他スタイル（paddingとか）は適用されているのですか？
もし摘要されていない場合は出力されているエレメントの属性のスペルミスなどの可能性もあります。

一度、出力で使ってるXSLTファイルをチェックしてみて下さい。

[tsu]

あ、でも#containerの中に埋め込んでる場合は関係ないですよね,,,,。

一回これみてもらってもいいですか？IE6環境がないので、、、。
#containerの中にCMSDコンテンツを埋め込んであり、#wrapでセンタリングしてます。
http://cmsd.pdy.jp/ref.php

[tsu]

xhtmlでxml宣言ってことはないですよね。

でも<?xml〜?>があるとエラーが出たような気がしないでもない。。。

追記
これはエラー出るので無いですね。

[辰]

いろいろアドバイスいただいて
本当に有難うございます！

http://cmsd.pdy.jp/ref.phpを見てみました。
正常にセンター表示されています。

#containerのほかの属性については
margin-top: 20px;
は反映されているのに
margin-bottom: 30px;
は反映されていない、
という不思議な状況です。
なんだかますます分からなくなってきました(苦笑)

[辰]

CSS、その他のファイルも含め、
もう一度洗いなおしてみます…

[辰]

CSSを調整して解決しました！ (９^o^)９
アドバイスを本当に有難うございました！

[tsu]

DOCTYPE宣言で後方互換だのなんだのあるからややこしいですよね。。。

[辰]

後方互換で説明がつきますね 納得！