1155273533 DIVタグについてわからないことがあるのですが、

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

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

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2006/08/11 14:18:54
  • 終了:2006/08/18 14:20:03

回答(8件)

id:b-wind No.1

b-wind回答回数3344ベストアンサー獲得回数4402006/08/11 15:07:42

ポイント19pt

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

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

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

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

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

でいかがでしょうか?

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

id:luvkitten

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

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

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

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

2006/08/11 19:37:05
id:nbnb No.2

nbnb回答回数31ベストアンサー獲得回数12006/08/11 15:17:46

ポイント19pt

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

各ファイルに

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

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

id:shotets No.3

堺ちゃん回答回数42ベストアンサー獲得回数22006/08/11 17:15:39

ポイント18pt

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

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

もしくは

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

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

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

{index <body>

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

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

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

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

id:shotets No.4

堺ちゃん回答回数42ベストアンサー獲得回数22006/08/11 17:19:55

ポイント18pt

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

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

もしくは

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

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

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

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

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

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

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

id:naleringar No.5

naleringar回答回数110ベストアンサー獲得回数52006/08/11 22:12:36

ポイント18pt

>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

id:luvkitten

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

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

2006/08/11 23:23:44
id:susie-t No.6

susie-t回答回数99ベストアンサー獲得回数182006/08/12 03:28:35

ポイント18pt

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

考えられる原因として、

  • sidebarとfooterのfloat指定が適切でない。
  • sidebarとfooterのwidthの合計が画面幅を超えている(100%でも枠線幅等で超えてしまう場合がある)。

くらいでしょうか。

(ただ、3の方の回答でもだめだとすると、お手上げなんですが^^;)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN">
<html>
<head>
<title></title>
<style>
<!--
#base{
  border:solid blue 2px;
  width:500px;
  margin:auto;
}
#header{
  border:solid blue 2px;
  width:496px;
}
#footer{
  border:solid blue 2px;
  width:396px;
  float:right;
}
#sidebar{
  border:solid blue 2px;
  width:96px;
  float:left;

}
-->
</style>
</head>
<body>
<div id="base">
  <div id="header">HEADER</div>
  <div id="footer">FOOTER</div>
  <div id="sidebar">SIDEBAR</div>
</div>
</body>
</html>

上のfloat指定を外すと仰っていたのと似た事象が起きます。中央寄せは全体をDIVで括るのが簡単です(floatとmargin:auto;の併用は不可)。参考になれば幸いです。

ダミーURL:http://d.hatena.ne.jp/susie-t/

質問者が未読の回答一覧

 回答者回答受取ベストアンサー回答時間
1 fet-33 303 283 0 2006-08-12 11:28:03
2 ito-yu 323 294 14 2006-08-12 17:54:50

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません