Dreamweaverでサイトを作成しているのですが、サイトを中央寄せするやり方がわかりません。
ソースやコードは他の方のものを見てください。皆さん同じ事をされています。その説明をします。
完成
CSSに次のように書いたら良いですよ。
body {
width: 800px;
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
}
----
追記:
・・・って、以前の質問の回答のままでしたね・・・
CSSでする方法としては、一例
body {text-align: center;}
div#wrapper {
width: 800px;
margin: 0 auto;
text-align: left;
border: 1px solid #FF0000;}
HTMLでは、単純に
または
私の場合は下記の感じで作成してます。
<html>
<head>
<style>
body{
text-align:center;
background-color:#efefef;
}
#main{
width: 800px;
margin: 0 auto;
text-align: left;
border:1px solid #ccc;
}
</style>
</head>
<body>
<div id="main">
ここにメインコンテンツを入れます。
</div>
</body>
</html>
このままコピーしていただければ使っていただけるかと思います。
ソースやコードは他の方のものを見てください。皆さん同じ事をされています。その説明をします。
完成
ごめんなさい文字消えてますね。
タグ入れると、はてなはタグとよんで表示してしまうようです。
下の■のところを<に変えてやってみてください。
No.2補足です
■Center■ ここに文字を入れます ■/Center■
■Div Align="center"■ ここに文字を入れます ■/Div■
No.4です。
htmlやcssでの書き方がわからないと思ったのですが、Dreamweaverでの操作の質問ともとれるので、そちらを紹介します。といっても、販売元のDreamweaverへの説明ページへのリンクですが。
念のため、垂直方向の中央揃えについてご案内しておきます
■CSSでボックスの内容物を上下中央揃えにする方法3種。|web bibo
http://www.webbibo.com/blog/htmlcss/vertical.html
CSSでのレイアウトが得意でないのであれば、
レガシーな方法になってしまいますが、
テーブルの中に要素を配置してしまったほうが早いかもしれませんね。
コメント(0件)