2011-06-27 11 views
0

私はこの検索結果を「asyoutype」としています。結果はすべてヒットして表示されますが、問題はそれが "container" div検索とメニューをラップします。私は成功していない別のポジションを試しました。私はより多くの情報で更新する必要がある場合はお知らせください。このdivを他のdivに移動するにはどうすればいいですか?

これはasyoutypeのための私のCSSは

.searchResult 
{ 
    background: #fff; 
    text-align: left; 
    line-height: 1.5em; 
    width: 265px; 
    z-index: 10000; 
    display: none; 
    float: left; 
    clear: both; 
    box-shadow: 0 3px 5px #333; 
    -moz-box-shadow: 0 3px 5px #333; 
    -webkit-box-shadow: 0 3px 5px #333; 
    position: absolute; 
    right: 40px; 
    top: 36px; 
} 

をresultdivされ、これは私がDOMでheader.main.searchResult生活と推測コンテナヘッダ(HTML5)

header.main { 
    -moz-border-bottom-colors: none; 
    -moz-border-image: none; 
    -moz-border-left-colors: none; 
    -moz-border-right-colors: none; 
    -moz-border-top-colors: none; 
    background: -moz-linear-gradient(center top , #F4F4F4, #D1D1D1) repeat scroll 0 0 #E4E4E4; 
    border-bottom-left-radius: 2px; 
    border-bottom-right-radius: 2px; 
    border-color: #C7C8C8; 
    border-style: solid; 
    border-width: 0 1px; 
    margin: 0 0 22px; 
    overflow: hidden; 
    position: relative; 
} 

enter image description here

+0

より多くのコード、jsfiddle、またはあなたのsereverの例が必要な場合があります。 @サンド:Z - インデックスプロパティを使用する方法? – Kyle

答えて

0

です。 header.mainoverflow: hiddenなので、.searchResultが消えます。あなたのHTMLにをheader.mainから移動するか、overflow: hidden指示文を削除する必要があります。

+0

ああオーバーフロー:隠されたそれを固定しました。今私はちょうどそれを削除する場合は、他の問題thoの原因となる必要があります。ありがとう –

+0

私は浮動小数点divをクリアするために使用されていると思いますが、それを修正するためのさまざまな方法があります:http://www.positioniseverything.net/easyclearing.html – Bjorn

+0

はい、それはうまくいくようです。素晴らしいリンクはそれを見ている。 –

関連する問題