IE8で、表示を中央に行う方法について

Question

IE8で、表示を中央に行う方法について GridViewの表示が、デザイン上は、

中央に表示されいるが、デバッグを起動した結果 ＩＥ８で表示されと、

左端に表示されている状態です。

ソースは、div style="text-align: center"を使用しています。

中央に画面表示させる方法を教えてください。

対処方法を教えてください。

システム：　Wicrosoft Windows 2008

ＤＢ　:　SQL Server 2008 Microsoft Visual studio 2008 standard Edition  NET.Framework 3.5 開発言語　

ＶＢ ASP.NET 2.0

Answer 1

CSS の勉強をしてください。

Answer 2

回答ありがとうございます。

＞CSS の勉強をしてください。

以下のＵＲＬを参考に、ＣＳＳについて参照していますが、 よくわかりません。

他に参考になるＵＲＬ，参考本等ありましたら、紹介ください。

よろしくお願いします。

１） http://www.css-lecture.com/log/css-beginner/026.html

２）http://www.atmarkit.co.jp/fdotnet/special/vs2008aspnet02/vs2008aspnet02_01.html

Answer 3

> 他に参考になるＵＲＬ，参考本等ありましたら、紹介ください。よろしくお願いします。
> １）http://www.css-lecture.com/log/css-beginner/026.html

それ以上よく分かるサイトはないと思います。ここを読んでいながら、一
番最初の質問に書いてあった「 ソースは、div style="text-align: center"
を使用しています。」というのはどうしてでしょう？

＃どうして改行を入れて、ここを読む皆さんが読みやすくなるようにしない
　のですか？

Answer 4

＞それ以上よく分かるサイトはないと思います。ここを読んでいながら、

一 番最初の質問に書いてあった「 ソースは、div style="text-align: center" を使用しています。」というのはどうしてでしょう？

⇒VS2005のソースでは、上記の内容でIE8で、中央表示されています。 VS2008で同じソースの場合、IE8で、左表示されています。

今回の最初の質問は、その時点での質問です。 まだ、ＣＳＳについて内容を調べていない状態での質問です。

VS2008の関連書籍を参照してみましたが、ＣＳＳの記述は、1～２頁程度ありましたが、設定方法がよくわかりませんでした。

参考になる本等を教えてください。 よろしくお願いします。

 

＞＃どうして改行を入れて、ここを読む皆さんが読みやすくなるようにしない 　のですか？

⇒編集時は、改行を設定していますが、改行が無視されて、文書が表示されているため、わかりずらくなっています。

メモにて、文書を作成したものを貼り付けても、同じ結果です。 うまく表示されない状態です。

IE8の設定に問題があり、対応できていませんでした。

 

 

Answer 5

> VS2005のソースでは、上記の内容でIE8で、中央表示されています。 VS2008
> で同じソースの場合、IE8で、左表示されています。

そんなことはないはずです。念のため同じコードで VWD2005 Express と VS2008
Pro で、.NET 3.5 SP1, IE8 環境で試してみましたが、レンダリングされた HTML
は同じでした。従って、同じ CSS を適用すれば表示は同じになるはずです。

> ＣＳＳの記述は、1～２頁手度ありましたが、設定方法がよくわかりませんで
> した。 参考になるものを教えてください。

本を買うなどして勉強してください。

> うまく表示されない状態です。

それを直すのが先だと思いますけど。改行のない文章は読む気がしないです。

Answer 6

>そんなことはないはずです。念のため同じコードで VWD2005 Express と VS2008 Pro で、

.NET 3.5 SP1, IE8 環境で試してみましたが、レンダリングされた HTML は同じでした。

従って、同じ CSS を適用すれば表示は同じになるはずです。

 

⇒VWD2005 Express のソースの場合、ｃｓｓを意識せずに、中央にＩＥ８の場合も表示されています。

CSSについて参照できるところを検索して見ます。

Answer 7

> VWD2005 Express のソースの場合、ｃｓｓを意識せずに、中央にＩＥ８の
> 場合も表示されています。

それはちょっと信じがたいのですが、もしそうであれば、そのスタイルをま
ねたらどうですか？ IE8 なら、付属の開発者ツールで、スタイルがどのよ
うになっているか簡単に調べることができます。

> CSSについて参照できるところを検索して見ます。

先に参照されていたサイト（下記）に十二分な情報はあると思いますが、こ
れを見ても分からないということであれば、くどいようですが本を買って基
礎から勉強することをお勧めします。

http://www.css-lecture.com/log/css-beginner/026.html

ところで、改行できるように直さないのですか？　質問を続けるなら、ぜひ
お願いします。

Answer 8

SurferOnWww殿へ

回答有難うございます。

＞先に参照されていたサイト（下記）に十二分な情報はあると思いますが、こ
れを見ても分からないということであれば、くどいようですが本を買って基
礎から勉強することをお勧めします。

⇒了解しました。

Firefoxで、画面を表示した際も、左に表示されていますので、指定されたurlを参考にしてみます。

以下の本に、ＣＳＳについて記述がありましたので、参考にしてみます。

 

「プログラムを作ろう!パソコン教科書 Microsoft Visual Web Developer 2005 Express Edition入門 (マイクロソフト公式解説書) (単行本)」

 

cssを以下のように定義し、全体の配置を変更することができるようになりました。

下記の定義で、中央に配置する定義と考えていいのでしょうか？

確認です。

～～～～～～～

div { width: 70%; margin-right: auto; margin-left: auto; }

～～～～～～～

 

＞ところで、改行できるように直さないのですか？　質問を続けるなら、ぜひ
お願いします。

⇒了解しました。対応しました。

IE8で、改行が正しくできないので、Firefoxにて、編集処理を行い対応しました。

IE8に更新したことにより、変更作業が発生しています。

 

 

 

 

Answer 9

> cssを以下のように定義し、全体の配置を変更することができるようになりました。
> 下記の定義で、中央に配置する定義と考えていいのでしょうか？
> 確認です。

> div { width: 70%; margin-right: auto; margin-left: auto; }

「中央に配置する」というところだけを考えれば間違っているわけではありませんが、
上記のように定義するとすべての div に適用されてしまうのが問題です。（例えば、
div を入れ子にした場合、どうなるか考えて見ましょう）

参照していた以下のページではどのようにしているか、よ～く見てみましょう。

http://www.css-lecture.com/log/css-beginner/026.html

Answer 10

SurferOnWww殿

早速の回答有難うございます。


＞「中央に配置する」というところだけを考えれば間違っているわけではありませんが、
＞上記のように定義するとすべての div に適用されてしまうのが問題です。（例えば、
＞div を入れ子にした場合、どうなるか考えて見ましょう）
⇒　今回、作成画面については、div を入れ子にした設定では、しない設定でした。

回答有難うございました。