0

これは私が Gumby で構築した最初のサイトであり、一般的な Web デザインに関しては初心者です。

なぜ私のサイトが Firefox と Safari では完璧に表示されるのに、Chrome では混沌としているのかについて、私は何時間も頭を悩ませてきました。列のすべてのセットがブロック要素として表示されているように見えますが、ナビゲーションバーはまったく表示されていません...

W3C html バリデーターを実行したところ、hgroup タグが廃止されたことが通知されましたが、ページがそれほど混乱することはありません。そして何より、Chrome だけではありませんか?


考えられる原因：

  1. 物事のその側面を開発している間、サイトを応答しないようにするために、ブレークポイントを削除し、_var.scss の設定のいくつかを台無しにしました / おそらく最も可能性の高い理由ですが、何が影響しているのかわかりませんこちらです。

  2. 行をヘッダーとセクション部分のラッパーとして使用しました..これは、列の表示方法を混乱させている可能性がありますか?

  3. ヘッダー部分では、@include columns(6) を使用して、別の div を作成せずに html に列を含めました。Chromeはこれが気に入らないのですか？

これは私のサイトへのリンクです: http://work-in-germany.eu/

ご覧のとおり、Firefox と Safari では問題なく表示されますが、Chrome では表示されません。


助けてくれてありがとう！

トム

4

1 に答える 1

0

うわー、それは本当にChromeで混乱しています! しかし、手に負えないわけではありません。

まず、ページ全体をラップする必要があります。これにより、コンテンツが中央に配置されます。例えば：

HTML:

<body>
<div id="page_wrap">
-- Your content (rows etc.)
</div>
</body>

CSS:

.page_wrap {
 margin: auto;
 width: 980px;
}

行に関しては。css クラスに以下を追加します。

CSS:

.index_section .row {
 overflow: hidden;
 padding: 15px 0;
}

.index_section .img_box img {
 float: left;
 margin: 0 15px;
 max-width: 280px;
}

申し訳ありませんが、時間がないため、これが今できるすべてでした。幸運を！

于 2013-07-16T08:37:42.570 に答える