• ベストアンサー

CSSテンプレートの枠組みが崩れて表示される。

ネット上で無料配布されているCSSテンプレートを使用してHPを作成したのですが、 サバーにアップロードするとテンプレートの枠組が崩れて表示されます。 (例えば2カラムのテンプレートで右側に表示されるべきメニュー欄が文章欄の下方に表示される等) 幾つかのテンプレートを試してみても同じ結果なので、問題は作成方法にあるようなのですが、 正常に表示するには、どうすれば良いでしょうか?

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

  • ベストアンサー
  • abril
  • ベストアンサー率69% (388/560)
回答No.1

> サバーにアップロードするとテンプレートの枠組が崩れて表示されます。 では、Webサーバにアップロードする前の環境(ご自分のPC上・イントラネット上、等)では崩れていないのでしょうか? もしそうなら、アップロードし忘れているファイルがあるとか、アップロード先の階層が違うとかの原因が考えられます。 そうでない(アップロードする前から崩れている)なら質問者様が自らお考えの通り「問題は作成方法にある」という事になります。 > 正常に表示するには、どうすれば良いでしょうか? ソースを公開して頂かなければ原因の特定はできません。 「(例えば2カラムのテンプレートで右側に表示されるべきメニュー欄が文章欄の下方に表示される等)」というキーワードからは、ボックスモデルの計算方法が間違っている・floatもしくはpositionの指定が適切ではない、等の可能性が想像はされますが…。あとは、テンプレートと実際作成した(X)HTMLとのDOCTYPEが違っていたりすると、それが原因になる事もあります。 ・DOCTYPEはオリジナルのテンプレートから変更していないか。変更していなければ、実際の内容もそのDOCTYPEに準拠したマークアップになっているか。 ・問題のHTMLとCSSのソースを公開する。 ・崩れる、のはどのブラウザ(種類及びヴァージョン)上でか。 最低限、これらの情報を明らかにして頂く必要があります。

goo023
質問者

お礼

テンプレートファイルの内、index.htmlのみをアップロードしていました。 その他のファイルをアップロードすると正常に表示されました。 適切な回答ありがとうございました。

関連するQ&A

  • CSSのテンプレート

    HPを作ろうと思い、無料で配布されているCSSを使ったHPテンプレートを使いたいと思っています。しかし、全く正常に表示されずに困っています。 手順もファイルをダウンロードして解凍し、HTMLファイル(index.htmlなど)をブラウザで開いて、HTMLソースを表示し、それをそのままコピーペーストしています。しかし、HPに表示されるのは白の背景に文字だけで構成されたものになり、全くデザインされていないHPに仕上がります…。色々なサイトで配布されているCSSのテンプレートを同じ方法でトライしてみましたが結果は同じでした。 CSSのことで色々と調べてみましたが納得の行く回答を見つけることができずに困っています…。どうしたらきちんと表示されるようになるのでしょうか?どなたか教えてください。よろしくお願いします。

  • CSSのテンプレート

    今あるサイトを CSSに移行しなければならないのですが、 テンプレートを探しています。 3カラムでレフトをロールオーバーで 作成しようと思っているのですが わかりやすくて扱いやすいテンプレートサイトをご存知の方 お教えください! よろしくお願いします。

  • CSSであふれた時に別のカラムに表示するには

    CSSで左右2段の段組を作成しています。 左側カラムにコンテンツがあふれた場合に、残りを右側カラムに表示させたいのですが、可能でしょうか? 正確にはカラム内にはテーブルを作成してますが、件数は多いのですが項目数が少ないため2列に表示させたいと考えています。 よろしくお願いいたします

  • HPテンプレートを無断で外したサイトを調べるには?

    趣味程度でホームページのテンプレートを作成し、無料で配布するためのサイトを作成中です。 配布するテンプレートには著作権として自分の配布サイトへのリンクを貼っているのですが、無断で外して使用しているサイトがある場合どのようにして見つけるのでしょうか・・・ たくさん無料ホームページテンプレートを配布しているサイトがありますが、運営者の方々はどうやって対策しているのでしょう? 自分はhtmlとcssしかほぼわからないのでphpなどで対策の方法があるのでしょうか? ご回答よろしくお願いします。

    • ベストアンサー
    • CSS
  • cssで画像をランダムに表示させる方法について

    テンプレートを無料で配布しているサイトから、テンプレートをDLしてきたのですが 背景画像をランダムに表示させるところが分かりません。 使用したいのは、以下URLサイトの09番です。 http://moi.poo.gs/templates.html cssに詳しい方、宜しければ教えていただけると有り難いです。

  • ホームページビルダーV9でCSSテンプレートを開くとレイアウトが崩れる

    インターネット上で見かけるCSS無料テンプレートを使ってホームページをつくろうとしています ホームページビルダーV9でファイルを開きページ編集タブで見ると画面が崩れています 黄色の改行マークのような表示も出ます プレビュータブをクリックすると正常に戻ります ●ホームページビルダーV9ではCSSテンプレートが使えないのでしょうか ●また、設定を直すなどの操作が必要なのでしょうか テーブルでレイアウトしてあるタイプのテンプレートはそんなことはないようです しかし、今回はCSSをマスターしたいので、CSSのみのホームページにこだわっています よろしくお願いします

  • CSSでのページ構築について

    CSSでのページ構築について CSSでのサイト制作に挑戦しています。 まずは、テンプレートをつかってカスタマイズしてみようとおもい、テンプレートをDLしました。 「フッタ/左メニュー/メインコンテンツ/フッタ」というブログなどでよくあるものです。 (縦三段で、真ん中が左右2つに別れている2カラム) CSSファイルは、外部読み込み形式です。 トップページを作って、いざメニューからメインページのリンクを貼ろうと思ってつまずきました。 左ページのコンテンツメニューに設定したリンクを、右側の枠内に表示したいのですが、そういった場合は、どうすれよいでしょうか。普通に右側の内容をいれたHTMLにリンクすると、全画面がそのページになってしまって、ヘッダ/左メニュー/フッタは消えて(隠れて)しまいます。 ヘッダや左メニューをそのままにしてページ数を増やしたいときは、トップページをひたすらコピーして、右側の要素部分だけを変更していくのでしょうか? でも、それだとCSSにする意味がないというか、全然楽ではないですよね。 左メニューの項目が増えた時など、全ページを修正しなければならなくなりますし。 自分なりにCSS関連のサイトを検索して調べてみたのですが、どこも「トップページをそのままコピーしているようにしかみえない」のです。 右側ページ内容のHTMLに、ヘッダやメニューも読み込ませるような設定が必要なのでしょうか? ソフトはDW CS4を使っています。 どなたか、CSSの達人さま、教えてくださいませ。 お願い致します。

  • Movable Typeのテンプレートについて

    Movable Typeの素人です。 最近ブログを作成するにあたりMovable Type4を使用しようと考えています。 『ただテン!』というサイトが無料配布しているテンプレートを使用する予定です。 作業1. サイト上で無料で配布しているテンプレートを [mt]-[mt-static]-[themes]-[ここにダウンロードしたフォルダをアップロード] 作業に2. [デザイン]-[テンプレート]-[ブログのテンプレートを初期化] を行なっています。 ダウンロードしてサーバーにアップしたのですが [デザイン]-[スタイル]-[既定のスタイル] に全然反映されません。 最初から入っているテンプレートのみが表示され続けられます。 どうしたら反映されるのでしょうか。 素人的な質問ですがよろしくお願いします。

  • html・cssの配布テンプレートを使いたいのですが

    お世話になります。 http://www.linkfly.net/6.html http://www.linkfly.net/template/101_red/ のテンプレートを使ってサイト作成したいのですが、 トップページだけのテンプレートで、左のメニュー(リンク)から、 右の部分への表示の仕方がわかりません。 どなたか教えていただけないでしょうか? 宜しくお願い致します。

    • ベストアンサー
    • HTML
  • 【MTテンプレート】 MovableType 3.2に対応した、テンプレートを無料で配布しているサイトを教えて下さい。

    MTテンプレート、MovableType 3.2に対応した、テンプレートを無料で配布しているサイトを教えて下さい。http://syoboi.com/movabletype/000030.html#more こんなふうに配布しているサイトを探しています。できれば3カラムのもあればありがたいです。よろしくお願い致します。

専門家に質問してみよう