3

フロートを使用してコンテンツのさまざまなセクションを表示する、非常に高速に作成したサイトがあります。フロートされたコンテンツと追加のマージンがあるコンテンツはどちらもFF/IEで正常に表示されますが、サファリではdivの1つが完全に非表示になっています。paddingとに切り替えてみましposition:relativeたが、何も機能しませんでした。コードを取り出して右側に表示すると、再び表示されますが、フロートされたコンテンツの下に表示されます。

問題を引き起こしていると思われるcssの主なセクションは次のとおりです。

#settings{
    float:left;
}

#right_content{
    margin-top:20px;
    margin-left:440px;
    width:400px;
}

これにより、＃settings divにサイズを指定してもしなくても、同じ結果が得られます。任意のアイデアをいただければ幸いです。

ソースコードを確認するには、 http： //frickinsweet.com/tools/Theme.mvc.aspxでサイトを利用できます。

4

4 に答える 4

1

#right_content divを右にフロートさせてみましたか？

#right_content{
  float: right;
  margin-top: 20px;
  width: 400px;
}
于 2008-09-08T18:00:55.247 に答える
1

カラーピッカーが生成しているマークアップにエラーがあると思います。ページを保存し、カラー ピッカーのコードを削除したところ、IE/FF/SF で適切にレンダリングされました。

于 2008-09-08T18:21:39.473 に答える
0

すみません、私もそれについて言及すべきでした。そのコンテンツを右に浮かせてみましたが、さらに左に浮かせて、両方の div が left:0 から始まると考えて位置を設定しようとしました。

ありがとう

于 2008-09-08T18:03:24.460 に答える
0

事前に修正する必要があるいくつかの事項:

  1. あなたの<style>タグは に<body>あります。<head>

  2. インライン スタイルの 1 つに「realtive」というタイプミスがあります。

    <a href="http://feeds.feedburner.com/ryanlanciaux" style="position:realtive; top:-6px;">

ページを検証してみてください。これにより、実際の問題のデバッグがはるかに簡単になります。

于 2008-09-08T18:03:42.573 に答える