- ベストアンサー
ｃｓｓで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]でマージン指定をしたのですが、 テーブルは右側に寄ったままです。 どなたかよろしくお願いいたします。
- baltes
- お礼率65% (104/159)
- HTML
- 回答数3
- ありがとう数4
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
＃１です。 ＞cssクラス定義のカテゴリ[位置]で左右を[自動]としたのですが これだ。 カテゴリ[位置]ではなく、[ボックス]の[マージン]で左右を[自動]です。
その他の回答 (2)
- rubyeye
- ベストアンサー率47% (395/825)
CSSでheaderは使わないかも。 left、rightなどで指定したかと思います。 スタイルシートリファレンスを参考URLに置いておきます。
- partita
- ベストアンサー率29% (125/427)
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も同様です。
補足
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は左に寄ったままです。 どのようにすればよいのでしょうか？ お手数ですがよろしくお願いいたします。
関連するQ&A
- ＣＳＳが反映されないで困っています；；
日本のホストの時は、ＣＳＳがＨＴＭＬにうまく反映されていたのですが、 ホストを海外の Ｔ３５Hosting と Graffiti.net で同じ様に挑戦したら ＣＳＳが反映されませんでした；； index.htmlのヘッド内に下記を書いて、 top.cssの名前でＣＳＳを書きました。 <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <meta http-equiv="content-style-type" content="text/css"> <link rel="stylesheet" href="top.css" type="text/css"> </head> なぜか、反映されませんでした；； 「/」（ルートディレクトリ）と何か関係あるのでしょうか。 <link rel="stylesheet" href="top.css" type="text/css">の行の href="top.css" を href="/.top.css" などに変えなくてはいけないのでしょうか。。。 お知りの方 よろしくお願いします。
- ベストアンサー
- ブログ
- ファイヤーフォックスでCSSが読み込まれません
会社のホームページを担当していて困っています。 ＩＥでは、きちんと表示されるのですが ファイヤーフォックスですとCSSを認識してくれないようです。 下記が自分会社のソースです。 何が悪いのでしょうか？ よろしくお願いいたします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html lang="ja"> <head> <title></title> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/JavaScript"> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <SCRIPT language=javascript src="js/libs.js" type=text/javascript></SCRIPT> <meta name="ROBOTS" content="ALL"> <<link href="css/stylesheet.css" rel="stylesheet" type="text/css" media="all"> </head>
- 締切済み
- ネットトラブル
- html,css初心者です。ヘッダーの余白について
ヘッダーの余白について教えて下さい。 どうしてもヘッダーの上部分に余白ができてしまいます。 HTMLとCSSをはります。 bodyに色をつけるとヘッダー上部分の余白の色も色がついてしまうので困っています・・・ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <link rel="stylesheet" href="font.css" type="text/css"> </head> <body> <div id="header"><!--/ #header --> あいうえお </div> </body> <html> CSS #header{ width: 980px; margin: 0 auto; background: #fff; text-align: left; } 宜しくお願いします。
- ベストアンサー
- HTML
- FirefoxでCSSが読み込めない。
ＨＰを作成中です。IEやSleipnirでは思った通りに表示されるのですが、Firefoxではスタイルシートが読み込まれていないようです。 どの部分が悪いのでしょうか。ご教示のほどをよろしくお願いいたします。 以下冒頭部分のソースです。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <meta http-equiv="Content-Style-type" content="text/css"> <link rel="stylesheet" href="index.css" type="text/css"> <title></title> </head> <body>
- ベストアンサー
- HTML
- <title></title>はどこに書くべき？
<title></title>をどこに書くべきなのか分からず悩んでいます。 今までこの<title></title>を、以下の位置に書いていました。 <head> <meta http-equiv= "Content-Type" content= "text/html; charset=Shift_JIS" /> <title></title> <meta name= "keywords"・(省略）・・・・ /> <meta name= "description" ・・・(省略） /> <link rel="stylesheet" href=***.css"type="text/css" /> </head> このようにです。 ところが上記の他に<title></title>の位置が、以下のように書かれた物も見つけました。その為、一体どこに<title></title>を書くのが正しく、またSEOに有効なのか分からなくなってしまいました。 <head> <meta http-equiv= "Content-Type" content= "text/html; charset=Shift_JIS" /> <meta name= "keywords"・(省略）・・・・ /> <meta name= "description" ・・・(省略） /> <title></title> <link rel="stylesheet" href=***.css"type="text/css" /> </head> また、Google ニュース 日本版のソースを調べると、<title></title>が<head>の直下に書かれてあり、更に混乱しています。 一体どれが正しいのでしょうか。よろしくお願いいたします。
- ベストアンサー
- HTML
- ファイヤーフォックスでCSSが機能しません
会社のホームページを担当していて困っています。 ＩＥでは、きちんと表示されるのですが ファイヤーフォックスですとCSSを認識してくれないようです。 下記が自分会社のソースです。 何が悪いのでしょうか？ よろしくお願いいたします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html lang="ja"> <head> <title></title> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/JavaScript"> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <SCRIPT language=javascript src="js/libs.js" type=text/javascript></SCRIPT> <meta name="ROBOTS" content="ALL"> <<link href="css/stylesheet.css" rel="stylesheet" type="text/css" media="all"> </head>
- 締切済み
- ネットトラブル
- IEでCSSの中央寄せが効かない
common.cssという外部CSSファイルで .main{ width:800px; margin:0 auto; } としています。 HTMLを簡単に書くと <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > <title>test</title> <meta content="text/javascript" http-equiv="Content-Script-Type"> <link media="all" type="text/css" rel="stylesheet" href="css/common.css"> </head> <body> <div class="main"> ここに中央寄せになった記述 </div> </body> </html> としています。 firefoxでは中央寄せになりますが、IE8では中央によりません。 どのようにしたら良いでしょうか？
- ベストアンサー
- HTML
- font-familyで書式が指定しても変化しない
cssでfont-familyを指定しているのですが、 デフォルト書式のまま変化しません。 原因が分からないのですが、可能性として どんなことが考えられますか？ ちなみにエディタはTeraPadです。 html <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="content-style-type" content="text/css; charset=utf-8" /> <link href="css/base.css" rel="stylesheet" type="text/css"> <head> <body> <p>テスト</p> </body> </head> css p{ font-family:ＭＳ明朝; }
- ベストアンサー
- CSS
- yahooジオシティーズでのCSS読み込ませ方法
こんにちは。 ジオシティーズでHP作成を試みていたのですが、style.cssを作ってジオシティーズの"EZ-アップローダー”をつかってアップしてみたところ、スタイルがファイルに反映されません。 CSSを読み込ませる特殊な方法でもあるのでしょうか? 念のためヘッダは、 <html lang="ja"> <head> <meta http-equiv="Content-style-Type" content="text/html"; charset=euc-jp> <title>:::style-test:::</title> <link rel="stylesheet"type="text/css href="style.css"media="all"> </head> です。 お分かりの方いましたら、ご教授ください。 ちなみに当方、HP作成の初心者です。
- ベストアンサー
- ホームページ作成ソフト
- IE8でページの一部が表示されない
CSSテンプレートを利用して作成したページの、ヘッダーや周りの色つき部分、フッターが正しく表示されません。Chromeでデバッグした際は問題ないのですが、なぜでしょうか？ CSSも初心者のためよく解析ができていません。 HTMLでは次の宣言をしてありますが、これに問題があるのですか？ すみませんがお願いします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html><head><title>********</title> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <link rel="stylesheet" type="text/css" href="style1.css"> <meta name="GENERATOR" content="MSHTML 8.00.6001.19019"></head>
- ベストアンサー
- ホームページ作成ソフト
お礼
partitaさま センター表示できました。 本当にありがとうございました。 助かりました。