人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

JavaScript、Dhtmlの達人の方に質問です。よくサイト内の更新情報をテキストで表示し、固定のエリアでカスタムでスクロールバー素材等をさせているケースがありますが、ページ自体が左端配置の場合は理解しているのですが、ページがセンター表示の場合、どのようにしたらよいでしょうか?
そのようなソースのありか、サイト、及び対応策等がございましたら、教えてください。ちなみターゲットOS、ブラウザーはMAC、WINの一般的なブラウザーと考えております。すいませんがよろしくお願いします。

●質問者: orange1971
●カテゴリ:コンピュータ
✍キーワード:JavaScript Mac OS WIN エリア
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● aki73ix
●20ポイント

http://www.hatena.ne.jp/1086742971

以下のようなサイトを作りたいのですが、 http://www5.synapse.ne.jp/taro/ 思うようなデザインに出来ません。 知恵を貸してください。 (詳しくは上記サイトに書いてあり.. - 人力検索はてな

過去似にたような質問がありましたね

http://www.hatena.ne.jp/1090568456

JavaScriptでウィンドウ外側の幅を取得する方法を教えてください。 ちなみにNetscapeなどはwindow.outerWidthで取得できるのはわかっていますので、IEでの取得方法が知りた.. - 人力検索はてな

http://www.hatena.ne.jp/1090827580

JavaScriptにて <HEAD>内で計算して複数の引数にそれぞれ値を格納してその値をさらにスタイルシートに反映させていたのですが、関数の使い方がいまいちわかっていません。 .. - 人力検索はてな

JavascriptでIEとNetscapeの処理を分岐させて

window.innerWidth

document.documentElement.clientWidth

document.body.clientWidth

で画面幅を取得してオブジェクトのサイズを元に配置座標を決定します

横幅がx、オブジェクトサイズがyなら

x-y/2が配置座標になりますね


2 ● Mars
●20ポイント

http://www.geocities.jp/a_nature_lover/s008.html

更新情報の表示部分の内容がわからないので使えるかどうかわかりませんが、該当ブロックをdivで囲みスタイルシートでposition:relative;と指定します。(topやleftは不要)

relativeを指定すると、position(0,0)がそのdivブロックの左上にリセットされるのでdivブロックがセンタリングされても配置が可能になります。


3 ● noren
●20ポイント

http://tohoho.wakusei.ne.jp/html/iframe.htm

そのファイルは現在ありません

JSとか使わなくても

<iframe>タグでできますけどね・・

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ