枠の固定

質問

左右に分割したフレームの右側に

<center>
<div style="border-style:ridge; border-width:10px; width:400; height:120;">
</center>

というタグで枠を作成しました。(枠の中に文字が入っています）
私のＰＣの画面からであると、真ん中に表示されるのですが、
画面サイズやアスペクト比が異なると、
ずれが生じてしまうようなのです。
これを常に真ん中に表示させるようなタグがあれば
教えて下さい。

回答No.2

xindex · ベストアンサー

疑似フレームについてはこちらが判りやすいです。
http://desperadoes.biz/style/p_frame.php

SEO問題っていうのは
index.htmlのフレームに
menu.htmlとmain.htmlというのがあったとして、
検索エンジンのリンクmain.htmlを直接開いたときに、メニューが見れないとかそんなんです。

それから、ずれるというのがイマイチよくわかりません。
CSSで左右中央はmargin:0px auto;です。0pxが上下、autoが左右
IE6では効かないのでtext-align:center;を使用します。

参考URL：

http://desperadoes.biz/style/p_frame.php

回答No.1

ORUKA1951

久しぶりにフレームや<CENTER>ですね。
いずれも、使わないほうが良いとされている。
"CENTER要素は、DIV要素でalign属性を"center"に設定することと全く等価である。 CENTER要素は推奨しない。"
HTML4.01仕様書(邦訳)
http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/graphics.html#edef-CENTER
HTML フレーム問題 - Google 検索
http://www.google.co.jp/search?hl=ja&q=HTML+%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E5%95%8F%E9%A1%8C&btnG=Google+%E6%A4%9C%E7%B4%A2&lr=lang_en%7Clang_ja&aq=f&oq=

　せっかくスタイルシートを使えるなら、フレームも廃止してスタイルシートで書くように心がけましょう。

<div style="width:400px;margin-left: auto;margin-right:auto;">
とか。しかし、これはディスプレイによってははみ出したり、小さくなりすぎたり。
本来は
<div style="margin-left:10%:margin-width:10%;">
とすべきです。フォントの大きさを変えたり、小さなディスプレイで見たりを考えて・・
　そのように、利用する端末に制限されずに利用できるように作られたのがHTMLであり、ＨＴＭＬの最も重要なというか唯一の目的。
　どうしてもデザインしたとおりに見せたければPDFにするべきです。