0

Jqueryニュースティッカーを自分のサイトのカシミールシナリオに埋め込んだばかりですが、ティッカーがページの60％の幅を取り、クラス「.threecol_three」のdivが上にシフトして、その上の残りのスペースを取得するようにします。どのようにそれが行われないのか、私はcssで「floatanddisplay」コマンドを適用しようとしました.....しかしそれは機能しないようです..

これがcssコードです：

.threecol_three {
   width:303px;
   float:right;
   margin-bottom:56px;
}

.ticker-wrapper.has-js {

margin: 20px 0px 20px 0px;
padding: 0px 20px;
width: 580px;
height: 32px;
display: block;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background-color: #f8f0db;
font-size: 0.75em;
}
4

1 に答える 1

0

3つのdiv「threecol_one」、「threecol_two」、および「ticker-wrapper」を、左側に浮かぶ1つのdivにラップします。

編集

別の解決策：

IDが「content」のdivの中には、IDが「also」と「bottom」のdivがあります。したがって、セクションはより適切に制御できるように適切にラップされています。他の2つのセクションと同じように、「ticker-wrapper」、「threecol_one」、「threecol_two」、「threecol_three」をグループ化できるかもしれません。次に、以下の例を試すことができます。

例：

<div id="wrapper">
    <div class="ticker-wrapper">
    </div>
    <div class="threecol_one">
    </div>
    <div class="threecol_two">
    </div>
</div>
<div class="threecol_three">
</div>

#wrapper{
    float: left;
}
于 2012-07-29T19:04:24.127 に答える