ページ 11

スタイル表示のトラブル(IE6)

Posted: 2007年6月29日(金) 17:04
by
お世話になります。
CMSツールを探していたところ御社のCMSDesignerを見つけ
早速、いろいろと試させていただいております。

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

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

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

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

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

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

Posted: 2007年6月29日(金) 17:16
by tsu
こんにちは。

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

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

Posted: 2007年6月29日(金) 18:11
by
早速の返信ありがとうございます! :D

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

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

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

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

Posted: 2007年6月29日(金) 18:15
by tsu
#containerの他スタイル(paddingとか)は適用されているのですか?
もし摘要されていない場合は出力されているエレメントの属性のスペルミスなどの可能性もあります。

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

Posted: 2007年6月29日(金) 18:19
by tsu
あ、でも#containerの中に埋め込んでる場合は関係ないですよね,,,,。

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

Posted: 2007年6月29日(金) 18:27
by tsu
xhtmlでxml宣言ってことはないですよね。

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

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

Posted: 2007年6月29日(金) 19:20
by
いろいろアドバイスいただいて
本当に有難うございます!

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

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

Posted: 2007年6月29日(金) 19:27
by
CSS、その他のファイルも含め、
もう一度洗いなおしてみます… :roll:

Posted: 2007年7月02日(月) 12:31
by
CSSを調整して解決しました! (9^o^)9
アドバイスを本当に有難うございました!

Posted: 2007年7月05日(木) 03:01
by tsu
DOCTYPE宣言で後方互換だのなんだのあるからややこしいですよね。。。

Posted: 2007年7月05日(木) 11:15
by
後方互換で説明がつきますね :shock: 納得!