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

DIVタグについてわからないことがあるのですが、
すべて、CENTERに置きたいんですが、headerの下のfooterとsidebar のCenterに置くタグがわかりません。

index.php sidebar.php footer.php header.php
のどこにいれるタグかも教えてください。
わかりにくい説明ですが、わかる方教えてください。。。

1155273533
●拡大する

●質問者: luvkitten
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:INDEX PHP sidebar タグ
○ 状態 :終了
└ 回答数 : 6/8件

▽最新の回答へ

1 ● b-wind
●19ポイント

どのようにしたいのかいまいち理解できてないのですが、

DIV 要素自体をセンタリンクしたいのであれば、

<DIV style="margin-right:auto; margin-left:auto">

DIV 要素の中身の文字列をセンタリングしたければ、

<DIV style="text-align:center">

でいかがでしょうか?

http://www.anslasax.net/css-make/property/index.html

◎質問者からの返答

DIV style="margin-right:auto; margin-left:auto"でできたのですが、

sidebarとfooterに同じタグを入れるとsidebarの方が一応センターに表示されるんですが、

footerの下に表示されてしまうのです。一緒の高さに置きたいのですが。

またわかりにくい説明で申し訳ないのですが、わかりましたら、回答お願いします。。


2 ● nbnb
●19ポイント

もうすこし詳しく状況を知りたいですが

各ファイルに

もしくはスタイルシートを使うといいと思います。

http://q.hatena.ne.jp/answer


3 ● 堺ちゃん
●18ポイント

分かりにくい質問ですね。。。(^^;

(センターにしたいもの)

もしくは

(センターにしたいもの)

とすればセンターになります。

ページ自体をセンターにしたいのであれば、

{index <body>

(header)(sidebar)(footer)
</body> }

となりますかね。ただし、文字も全てセンター寄せになってしまうので、センターにしたくないのであれば個別に指定する必要があります。

こんなんで良かったかな…?

http://www.htmq.com/html/div.shtml


4 ● 堺ちゃん
●18ポイント

分かりにくい質問ですね。。。(^^;

<div align="center">(センターにしたいもの)</div>

もしくは

<center>(センターにしたいもの)</center>

とすればセンターになります。

ページ自体をセンターにしたいのであれば、

{index <body><div align="center">(header)(sidebar)(footer)</div></body> }

となりますかね。ただし、文字も全てセンター寄せになってしまうので、センターにしたくないのであれば個別に指定する必要があります。

こんなんで良かったかな…?

http://www.htmq.com/html/div.shtml


5 ● naleringar
●18ポイント

>sidebarとfooterに同じタグを入れるとsidebarの方が一応センターに表示されるんですが、footerの下に表示されてしまうのです。一緒の高さに置きたい

このコメントの内容から推測すると、

tableタグで無理やり整形しちゃうのが早いのでは・・。

divだけだと2段組みなどはできないハズなので。

phpの動作については知らないのでこれで動くのかはわかりませんが。

table

tr

td colspan=2 align=center

ヘッダ

/td

/tr

tr

td valign=top align=center

サイドバー

/td

td valign=top align=center

フッタ

/td

/tr

/table


http://www.tohoho-web.com/www.htm

◎質問者からの返答

それで一応試したのですが、やっぱり同じで下になってしまいました。

丁寧にありがとうございました。


1-5件表示/6件
4.前の5件|次5件6.
関連質問


●質問をもっと探す●



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