こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

cssでtableをセンター表示

現在dreamweaverを使用してホームページを作成中のHTML初心者です。
外部cssを使って、各ページをセンター表示させたいのですが、うまくできません。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>***</title>
<link rel="stylesheet" href="common.css" type="text/css" >
</head>
<body>
<div class="header">
このcss[header]でマージン指定をしたのですが、
テーブルは右側に寄ったままです。
どなたかよろしくお願いいたします。

投稿日時 - 2005-11-04 16:38:28

QNo.1756816

困ってます

質問者が選んだベストアンサー

#1です。
>cssクラス定義のカテゴリ[位置]で左右を[自動]としたのですが

これだ。
カテゴリ[位置]ではなく、[ボックス]の[マージン]で左右を[自動]です。

投稿日時 - 2005-11-04 18:02:25

お礼

partitaさま

センター表示できました。
本当にありがとうございました。
助かりました。

投稿日時 - 2005-11-04 18:22:23

ANo.3

このQ&Aは役に立ちましたか?

3人が「このQ&Aが役に立った」と投票しています

回答(3)

ANo.2

CSSでheaderは使わないかも。
left、rightなどで指定したかと思います。
スタイルシートリファレンスを参考URLに置いておきます。

参考URL:http://www.htmq.com/style/index.shtml

投稿日時 - 2005-11-04 16:46:51

ANo.1

dreamweaverを使用しているなら、ファイルを新規作成したときに
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
がついてませんか?

これは削除しないほうがいいです。

で、CSSは
div.header {margin:auto;}
のように、左右のマージンを「auto」にすればページ中央に配置されます。
tableも同様です。

投稿日時 - 2005-11-04 16:46:17

補足

partitaさま

早速のご返答ありがとうございます。
><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 >Transitional//EN"
>"http://www.w3.org/TR/html4/loose.dtd">
>がついてませんか?

参考表示のため省きましたが、オリジナルにはついています。

ところで、先の例でいけば
<table width・・・class="header">として
cssクラス定義のカテゴリ[位置]で左右を[自動]としたのですが、tableは左に寄ったままです。
どのようにすればよいのでしょうか?
お手数ですがよろしくお願いいたします。

投稿日時 - 2005-11-04 17:48:17

あなたにオススメの質問