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

高さの小さいサイトの表示位置をブラウザの縦位置の中央に指定したいのですが、外のテーブルに対してvalighn属性の指定をする方法以外に、divに対して何かcssで指定するなど他の方法を探しています。なるべくテーブルは使いたくありません。

●質問者: aqualimone
●カテゴリ:ウェブ制作
✍キーワード:CSS サイト ブラウザ 他の方法 属性
○ 状態 :終了
└ 回答数 : 4/5件

▽最新の回答へ

1 ● stnet
●20ポイント

<div style=”position:absolute;top:50%;”>

hoge

</div>

とするのでOKでしょうか

「中央寄せ」ではなく、「中央から」になってしまいますが

(IEでのみ確認)

◎質問者からの返答

やはり中央からになってしまい、表示位置は中央にはなりません。


2 ● vegah
●20ポイント

http://www.red.oit-net.jp/tatsuya/java/winopen.htm

?C?k???????JavaScript?u??

JavaScript で window.open を使って新しいウィンドウを開く方法はいかがでしょう?

このURL内にもあるように、パラメタ中で、LEFTとTOPでそれぞれ、左からの位置と上からの位置をピクセルで指定する方法です。

◎質問者からの返答

トップページを中央に表示したいです。


3 ● ohguma
●20ポイント

オライリーの「JavaScript&DHTMLクックブック」レシピ13.7にJavascriptを使い、ウインドウやフレームの中央に要素を表示する方法が書かれています。


4 ● retlet
●20ポイント

コンテンツの幅と高さは固定でしょうか?

固定の場合、大枠のブロック要素に対して下記のような指定をすれば可能です。


#main {

border: 1px solid #000;

height: 300px;

width: 300px;

margin-top: -150px;

margin-left: -150px;

position: absolute;

top: 50%;

left: 50%;

z-index: 1;

}


高さが不定の場合は、CSSだけではおそらく不可能です。Javascriptでコンテンツの高さを取得して云々、する必要があるかと思います。

#あまり詳しくないので割愛させていただきます。

◎質問者からの返答

ありがとうございます。コンテンツの高さは不定です。やはりJavascriptが必要なのですね。

関連質問


●質問をもっと探す●



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