2011-01-08 12 views
0

私は左に物を浮かそうとするいくつかの奇妙な問題があります。私はeasy clearing methodでそれをクリアしようとしましたが、まだ動作していません。何か問題がありますか?私はarticleフローティングの問題

相続人はCSS

#main-wrap { margin: 0 auto; width: 960px; } 

/* Navigation */ 
nav { background: #2f2f2f; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; 
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .4); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .4); box-shadow: 0 1px 0 rgba(255, 255, 255, .4); 
    float: right; width: 473px; } 
nav ul { padding: 10px; } 
nav ul li { display: inline; border-right: 1px solid #000; border-left: 1px solid #686868; margin: 0 -4px 0 0; padding: 0 14px 0 14px; } 
nav ul li:first-child { border-left: none; } 
nav ul li:last-child { border-right: none; } 
nav ul li a { color: #fff; letter-spacing: 1px; text-shadow: -1px 0 1px #000; } 

/* Logo */ 

#logo-wrap { background: url(../images/logo.png); display: block; position: relative; right: 156px; top: 2px; z-index: -1; height: 718px; width: 733px; } 

/* Main Content */ 

article { float: right; width: 482px; } 

Heres the HTML.

#logo-wrapはただ一つの大きな画像でのフロートしようとしています。

+0

HTMLコードが便利な場合があります。 – jolt

+0

私はリンク2に貼り付けられましたpastebin – nowayyy

+0

投稿が十分ではない場合は申し訳ありません。記事を浮かそうとしていますが、うまくいきません。 – nowayyy

答えて

0

について何が浮かぶように

article { float: left; width: 482px; } 

を設定:左;浮動しない:右。 ?

はここを見て: http://jsbin.com/ofizu5/2

ホープこれはあなたを助けるでしょうか?あなたの問題をもう少し正確に記述していない場合:

+0

いいえ、それはまだ正しく見えません。 #ロゴラップの横に、左に浮かそうとしています。 #main-wrapにclearfixを追加すると、記事はラッパーに戻りますが、それでもまだ上がらないのです。#ロゴラップが大きいので、それをブロックしているためです。しかし、私はz-indexを使って記事をいくつかレイヤーアップしましたが、それでもうまくいきませんでした。私は相対的な位置づけ記事を試みましたが、ページの下部に大きなギャップがあります。 – nowayyy

+0

私はそれを正しく浮かそうとしています。 – nowayyy

+0

ロゴラップの幅は733pxです。記事の幅は482ピクセル、メインラップの幅は960ピクセルのみです。 733px + 482pxは960pxよりも大きい。したがって、記事はロゴラップのすぐ横に浮かびません – Jings

関連する問題