すべて、CENTERに置きたいんですが、headerの下のfooterとsidebar のCenterに置くタグがわかりません。
index.php sidebar.php footer.php header.php
のどこにいれるタグかも教えてください。
わかりにくい説明ですが、わかる方教えてください。。。
どのようにしたいのかいまいち理解できてないのですが、
DIV 要素自体をセンタリンクしたいのであれば、
<DIV style="margin-right:auto; margin-left:auto">
DIV 要素の中身の文字列をセンタリングしたければ、
<DIV style="text-align:center">
でいかがでしょうか?
分かりにくい質問ですね。。。(^^;
もしくは
とすればセンターになります。
ページ自体をセンターにしたいのであれば、
{index <body>
となりますかね。ただし、文字も全てセンター寄せになってしまうので、センターにしたくないのであれば個別に指定する必要があります。
こんなんで良かったかな…?
分かりにくい質問ですね。。。(^^;
<div align="center">(センターにしたいもの)</div>
もしくは
<center>(センターにしたいもの)</center>
とすればセンターになります。
ページ自体をセンターにしたいのであれば、
{index <body><div align="center">(header)(sidebar)(footer)</div></body> }
となりますかね。ただし、文字も全てセンター寄せになってしまうので、センターにしたくないのであれば個別に指定する必要があります。
こんなんで良かったかな…?
>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
それで一応試したのですが、やっぱり同じで下になってしまいました。
丁寧にありがとうございました。
> sidebarとfooterに同じタグを入れるとsidebarの方が一応センターに表示されるんですが、footerの下に表示されてしまうのです。一緒の高さに置きたいのですが。
考えられる原因として、
くらいでしょうか。
(ただ、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;の併用は不可)。参考になれば幸いです。
回答者 | 回答 | 受取 | ベストアンサー | 回答時間 | |
---|---|---|---|---|---|
1 | fet-33 | 303回 | 283回 | 0回 | 2006-08-12 11:28:03 |
2 | ito-yu | 323回 | 294回 | 14回 | 2006-08-12 17:54:50 |
DIV style="margin-right:auto; margin-left:auto"でできたのですが、
sidebarとfooterに同じタグを入れるとsidebarの方が一応センターに表示されるんですが、
footerの下に表示されてしまうのです。一緒の高さに置きたいのですが。
またわかりにくい説明で申し訳ないのですが、わかりましたら、回答お願いします。。