![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
A 回答 (4件)
- 最新から表示
- 回答順に表示
No.4
- 回答日時:
難しいから簡単な方法に、ではなくて多少は面倒でもなるべくユーザビリティに配慮すべきです。
人に見てもらうためのものなのだからどこまでも自分の都合で動いちゃいけない。
絶対に自分の都合で動いてはいけない、と言うわけではなくバランスを取ってほしいと言うことですね。
修正箇所の多い作業もある程度規則的な作業ならば一括置換ソフトと言う手段があります。
そういう理由からのCSSを使ってセンタリングしましょうよ、と言うわけだったんですが…、
でもまぁそこを敢えてJavaScriptにするのならばなるべく互換性とか何とか配慮してくださいね。
ウインドウサイズを小さくしたとき横スクロールバーが出るのは注意ですよ!^^;
No.3
- 回答日時:
えーっと、一応言いたかったのはですね、position:abusoluteを使ったということはCSSでページデザインをしていたのだからそれの問題を修正するのにはJavaScriptよりもCSSが適切でないかと言うことです。
というかCSSを使うのが嫌いと言う人はそうそういないでしょうがJavaScriptを使うのが嫌いな人は結構います。
CSSを無効にする人よりもJavaScriptを無効にする人のほうが比率はそれなりに高いでしょう。
と言うか人によってはCSSで出来ることをわざわざJavaScriptでやられるのを快く思わない人だっているかもしれません。
だからCSSではダメなのかと尋ねたわけなのですが、そこのところは同なのか、また特別な事情などあればそれを説明していただきたかったなと感じています。
この回答への補足
ページ自体は中央揃えでなくとも十分見れる状態なのですが、できれば中央揃えにしたい、と。しかしCSSをいじるとなるとかなり手間がかかってしまう作りなのです。ですからJavaScriptを入れている人だけでも中央揃えになるようにとのことを考えてのことでした。説明不足失礼しました。
補足日時:2007/07/19 01:56No.2
- 回答日時:
こんにちは
javascriptならこんな感じ?
p.s.
IEではstylesheetでbodyを100%にしていないと高さはセンタリングできません。
Operaではborderをつくってると左上に残像が残ることがあります
位置決めはブラウザの幅からコンテンツの幅を引いて半分にする感じです
あとIE,Operaでは全体の大きさが少し大きくなります(スクロールバーが出ます)
別の方法で
x = screen.width/2-200;
y = screen.height/2-200;
でもできますがこちらは画面サイズでのセンタリングになり、後ろの数値に微妙な調整が必要になります(下記とは違い、位置固定)
<script language="javascript">
<!--
window.onload=function() {
x = (window.innerWidth==undefined ? document.body.clientWidth : window.innerWidth)/2-100;
y = (window.innerHeight==undefined ? document.body.clientHeight : window.innerHeight)/2-100;
document.getElementById("main").style.left = ""+x+"px";
document.getElementById("main").style.top = ""+y+"px";
}
//-->
</script>
<style type="text/css">
#main {
position:absolute;
width:200px;
height:200px;
border:1px solid;
}
body {
width:100%;
height:100%
}
</style>
<div id="main">main contents</div>
まぁ、stylesheetで
div { margin:auto; width:***px; }や
body { text-align:center; }などで
センタリングするのが確実だとは思いますけど・・・
No.1
- 回答日時:
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- Excel(エクセル) Excelで、Excelの小テストで、中央揃えとかありますが、右クリックで、セルの書式設定から中央ぞ 3 2022/12/29 12:43
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- ノートパソコン ページ番号の入れ方について 3 2023/02/16 17:11
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript 指定時間になったら、WEBサイトの更新を自動で行うには…? 3 2022/04/28 22:14
- その他(プログラミング・Web制作) パイソンでのプログラミングについて 3 2022/08/11 20:31
- Excel(エクセル) 【エクセルマクロ】既に開いているIEの、サイズや表示位置を変更するには 4 2022/12/01 22:57
- 日用品・生活雑貨 使い勝手の良い、ページの入れ替えができるノートが欲しいです。 1 2023/03/13 00:52
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlファイルを開いた時の画面...
-
エクセルファイルをIE のウィン...
-
Canvasを使って描画して面積取得
-
window.openの後にエンコードを...
-
SQLのWHEREで全てを質問する方法
-
サイト上で設定したtwitter ハ...
-
子画面の表示と親画面の表示方法
-
中央揃えのJavascript!
-
<a href="#" …>の意味を教えて...
-
bodyにidをつける理由は何ですか?
-
外部ファイル名を変数で指定で...
-
別ファイルのfunctionの読み込み方
-
showModalDialog()による新規ウ...
-
複数のJavascriptを1つのscrip...
-
JavaScriptからVBScriptの呼び...
-
Dreamweaver で 外部JSを読み込...
-
Vbscriptで自分自身のウィンド...
-
undefinedが表示されてしまう
-
マウスクリックした地点のテキ...
-
リンク移動先のURLを取得
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
新しいウィンドゥを最大化で立...
-
あなたのXAMPPのdashboard内のj...
-
SQLのWHEREで全てを質問する方法
-
htmlファイルを開いた時の画面...
-
外部からのjs呼び出しについて。
-
window.openで404エラーがでます
-
window.openでフルスクリーン表...
-
サブウインドウの高さを自動で...
-
小窓を表示する時に、必ず右上...
-
町内会での不倫
-
別ウィンドウをサイズ指定するには
-
javascriptでのポップアップ表...
-
サブフレームがうまく出来ません。
-
いろんなサイズの新しいウィン...
-
色の指定で配列を使いたい
-
IF文で該当の処理を通らない
-
ポップアップブロック付きのブ...
-
モニターサイズによるページ振...
-
JAVAでリンクボタンを作成して...
-
中央揃えのJavascript!
おすすめ情報