枠の固定

解決済みの質問

枠の固定

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

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

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

投稿日時 - 2008-10-24 22:10:26

QNo.4427135

すぐに回答ほしいです

質問者が選んだベストアンサー

疑似フレームについてはこちらが判りやすいです。
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

投稿日時 - 2008-10-26 19:31:11

ANo.2

0人が「このQ&Aが役に立った」と投票しています

[  前へ  |  次へ ]

ベストアンサー以外の回答(1件中 1~1件目)

ANo.1

久しぶりにフレームや<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であり、HTMLの最も重要なというか唯一の目的。
 どうしてもデザインしたとおりに見せたければPDFにするべきです。

投稿日時 - 2008-10-24 22:40:14

PR

mixi・Facebook・Twitterとの連携機能追加![ 詳細 ]

OKWaveのオススメ

教えて弁護士さん!

お金の悩みQ&A特集はこちら

【教えてプロポーズ!】

結婚・プロポーズのQ&A特集はこちら

注目ピックアップ

お部屋探しの賃貸情報はCHINTAI

マチから探せる新しいお部屋探し!

美人時計×OKWave

回答者全員に、特製待受FLASHプレゼント!

スタッフブログ

知って得する!お得な情報をお届け!