2011-06-27 10 views
0

私の新しいサイトwww.unicmedia.nl/case/oranjeフロートに問題があります。 IEで彼らは(最初の笑)は動作しますが、FFとCHはオフです。左右のフロートが正しく動作しない

文字通りすべてを試しましたが、問題を見つけることができませんでした。私のCSSコードはw3cバリデーターに基づいて有効です。

あなたは間違っているものを見つけることができますように!

画面:IncorrectCorrect

+3

期待される動作と実際に何が起こっているかを説明したい場合があります。少なくともスクリーンショット。 – JohnP

+0

CSSの検証に加えて、HTMLマークアップを検証してください。次に、あなたが何が起こると思っているのか、本当に何が起こっているのかを教えてください。最後に、コードの関連部分をjsfiddle.netに投稿して、積極的に編集してテストできるようにすれば、より良い結果を得ることができます。 –

+0

それは私にはうまく見えます。なんでしょう? – Matchu

答えて

1

のdivのid =コンテンツを持つ=右いくつかの幅を持っている必要があります。 600pxに設定してください。

子要素の1つが浮動すると、親要素は浮動する必要があることに注意してください。それはdiv#コンテンツがその子の外に出ている理由です。親要素を浮動させないようにするには、clearfix hackを使うことができます。

http://www.positioniseverything.net/easyclearing.html

+1

ありがとうございました! clearfix hackをブックマークしました。 – Andre

+0

ようこそAndre :-) –

0

そのページを見て、私はクラスcontent-leftdivを参照してください。それは左に浮かんで見えますが、余白が25pxあります。それはあなたが「脱いだ」という意味ですか?

あなたのコンテンツ右のdivも左に浮かべます。 2つの列を作ろうとしていますか?問題は、あなたの右のコンテンツが非常に多くの情報を持っていて、全幅にしようとしていて浮かないことがあるということです。それを特定のピクセル数またはパーセント値にすると、それが効くはずです。あなたのコンテンツを作ってみてください。width: 20%とあなたのコンテンツはwidth:80%です。

さらに詳しくは、someone else's cross-browser column layoutで始まります。

+0

20%と80%が私のためにうまくいかなかった..あなたの助けてくれてありがとう! – Andre