0

なぜ検索ボックスを左に揃えることができないのか完全に途方に暮れています

検索と RSS フィードは、テスト ページに配置されます。

http://scottjaxon.com/devsite/testnivo48.html

ホームページにあるとおり（nivoスライダーの代わりに写真付き） http://scottjaxon.com/devsite/index.html

理解できません。私は最小のものを逃さなければなりません！

#wrapper #user1 #feahome #searchhome {
float: right;
color: #FFFFFF;
height: 22px;
margin-top: 8px;
padding: 0px 20px 0px 20px;

それとも、NivoSlider CSS に関するものですか?

.nivoSlider {
position:relative;
width:100%;
height:auto;
overflow: hidden;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
.nivo-main-image {
display: block !important;
position: relative !important; 
width: 100% !important;
}
4

3 に答える 3

0

優先順位の問題かもしれません。使用div#searchhomeすると優先度が高くなります。

于 2012-08-11T03:46:40.677 に答える
0

私は両方の CSS を調べていましたが、 http : //scottjaxon.com/devsite/index.html の CSS と比較してあなたの CSS が異なっていた唯一の点は次のとおりです。

#wrapper #user1 #feahome #searchhome {
float: LEFT; // the working version has it floated left as well
color: #FFFFFF;
height: 22px;
margin-top: 8px;
padding: 0px 20px 0px 20px;

試してみて、それが機能するかどうかを確認してください。

于 2012-08-11T02:30:25.720 に答える
0

index.html と testnivo48.html の dom 構造が異なります。

index.html では、feahome div タグはrsshomeおよびsearchhome div タグの親です。しかし、testnivo48.html では、それらはすべて同じレベルにあります。

そのため、次の css ルール ( http://scottjaxon.com/devsite/css/style.cssにあります) が index.html に適用されますが、testnivo48.html では無視されます。

#wrapper #user1 #feahome #searchhome {
    ...
}

HTML を修正すると、問題が解決する場合があります。

于 2012-08-11T02:59:36.920 に答える