0

私のフード メニューは、Firefox と IE では完全に機能しますが、Chrome ではまったく機能しません。dt タグは他の dd タグと重複しています。質問リストから検索しようとしましたが、正しい質問が見つかりません。フロートとオーバーフローを何度も試してみましたが、この問題に対処できませんでした。

あなたの提案をいただければ幸いです。頭を掻くのを本当にやめたいです。これを数か月続けているからです。

#menucontent dt {
float: left;
padding-right: 5px;
font-weight: bold;
}

#menucontent dd.price {
float: right;
color: #E1DEDE;
}

#menucontent dd.ingredients {
float: left;
width: 100%;
padding: 0px 0px 5px 0px;
color: #FAD98A;
}

私のフードメニューはこのリンクからクリックできます https://dl.dropbox.com/u/13748701/dinner.html

その CSS ソースはこちらhttps://dl.dropbox.com/u/13748701/style.css

4

2 に答える 2

1

まず、空のタグをすべて<p>取り除きます。それらは必要ありません。要素間にスペースを作りたいですか？使用してくださいmargin！

clear: both;問題の場合: aを h2に追加します。だからあなたはこれを得る：

h2 {
  padding: 3px 15px 0px 0px;
  font-weight: normal;
  font-size: 20px;
  color: #F7E4B5;
  clear: both;
}
于 2012-05-27T07:54:22.460 に答える
0

css の要素に追加overflow: hidden;してみてください:dl

#menucontent dl {
  overflow: hidden;
}
于 2012-05-27T07:45:12.903 に答える