• 締切済み

cssが反映されません・・・

HP初心者です。現在ホームページビルダーで編集してます。 もともとあるHPを引き継いで編集しているのですが、2カラムcssに挑戦しました。http://css.uka-p.com/index_2column.shtml やってみたのですが、反映されません。プレビューにするとエラー検出になり、強制的に<body>以下に位置づけられて、ただのテキストとしてHP上にずらずら文字が出てきてしまいます。左右も反映されてません。 ちなみに、こんな感じで書き込みました。 <head> <meta name="ROBOTS" content="all" /> <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="style.css" type="text/css" /> body {text-align:center; } outline { width:600px; text-align:left; margin:0 auto; } .outline-margin { margin:0 10px; } .contents{width:350px;float:left;} .menu{width:240px;float:right;} .c-both{clear:both;} </head> link以下のbodyからが私の書き込みです。 宜しくお願いします。

みんなの回答

  • makoto_u
  • ベストアンサー率75% (3/4)
回答No.3

body {text-align:center; }のようにページ内にスタイルシートの設定を記述する場合は <style type="text/css"> <!-- body {text-align:center; } //--> </style> こんな感じで「これからスタイルシートを使います!」と 正しく宣言する必要があります。 hemeiさんの書き方だと、宣言せずにいきなりスタイルシートの設定を書いてしまっているので、エラーが起きているんじゃないかなと思います。

noname#56882
noname#56882
回答No.2

直接の回答ではなくて大変申し訳ないのですが…。 初心者さんでCSSの2カラムを作るとなるとなかなか大変ですので http://www.stylish-style.com/gallery/gallery-top.html にいろんな2カラム(3カラム)のテンプレートがありますので まずそちらから挑戦なさってみてはどうでしょうか?

回答No.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <!-- 省略されると腹が立つので必ず最後まで書いて質問する! XML宣言を書くとIE6で互換モードになるので省略する。 もしファイル自体をShift_JISで記述するなら HTTPヘッダでもそのように述べること。 --> <head> <meta name="ROBOTS" content="all" /> <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="style.css" type="text/css" /> <style type="text/css"> /* XHTMLに含める場合,style要素の内容に記述しなければならない */ /* 同一ディレクトリにあるstyle.cssに記述する場合は 当然XHTMLではないので, style要素の開始タグや終了タグは 書いてはならない */ body {text-align:center; } .outline { width:600px; text-align:left; margin:0 auto; } /* outline要素という要素はXHTMLにはないので,おそらく.outlineとか#outlineの間違いだと思う */ .outline-margin { margin:0 10px; } .contents{width:350px;float:left;} .menu{width:240px;float:right;} .c-both{clear:both;} </style> </head> <body> <!--省略--> </body> </html>