質問: 下記のアドレスのホームページについてです。 HTMLで、  ~ とし、CSSで #main{ text-align:center; margin-left:auto; margin-right:auto; text-align:left; } としたにもかかわらず、何故かセンタリングができません。 今回、最初の
回答: HTMLを書いたら、まずAnother HTML Lintなどでチェックしておきましょう。 HTMLが間違っていると、期待したスタイルが適用されません。 ★さすがに、今日この頃---strictで作成しましょう。Transitionalやframesetは使わない。 「HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。 ( )」---1999年勧告 HTMLにとても多くの間違いがあります。 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ じゃなくてです。 ※text-alignはテキストの配置です。ブロックは配置されません。(IE6にはバグもmargin:0 autoでは中央になりませんから、昔はやむなく、IEのバグtext-alignでブロックが中央に配置されてしまうを利用していました。 [HTML4.01strict+CSS2.1] ★ウィンドウ巾に関わらず常に中央に表示されます。subsectionはスマホなど小さなディスプレイでは縦に並びます。 ★Another HTML-lint gateway ( ) ★W3C CSS 検証サービス ( ) でチェック済み タブは_に置換してあるので戻すこと。 #mainとかleftとかrightは使うべきじゃありません。先で左右を変えてくなったらどうするのですか? _ _サンプル0 _ _ _ _ _ _ __大見出し __四季折々の品をお届けします。 __ _ _ __What's New __ ___12/11/07 モダン特集のページを追加しました。 ___12/11/01 ラテン特集のページを追加しました。 ___12/10/24 ポイントレッスンを追加しました。 ___12/09/16 写真を更新しました。 ___12/08/30 「ポジションについて」を更新しました。 __ _ _ __今月のおすすめ __ ___見出し3 ___「ウォーク」集中レッスン期間 ___体重をしっかりと移動させましょう。 ___ ____フィガー ____ ____オープン・ヒップ・ツイスト ____アイーダ(フォールアウェイ) ____アドバンスド・ヒップ・ツイスト ____クカラチャ ____ロープ・スピニング ____フェンシング ____リバース・トップ ____オープニングアウト・フロム・リバース・トップ ____キューバン・ロックス ____サイド・ステップ ____オープニングアウト・トゥー・ライト・アンド・レフト ____ ___ __ __ ___見出し3 ___しっかりとリズムに乗りましょう。 ___ ____フィガー ____ _____クローズド・チェンジ _____ナチュラル・ターン _____リバース・ターン _____コーナー・チェンジ(チェック・バック) _____アウトサイド・チェンジ _____ヘジテーション・チェンジ _____ナチュラル・スピンターン _____ウィスク _____バック・ウィスク _____シャッセ・フロム・PP _____ベーシック・ウィーブ ____ ___ __ _ _ __© Copyright (c)2012 TITLE. ALL Right Reserved. mailto:***** _