0 
   <div id="footer">
    <div class="row">
        <div class="span5">
            <img src="../goyal/webdesign.jpg" class="verisign-image"></div> 
                I am a  
                <select style="width:10%;" class="dropup">
                      <option value="select">--select--</option>
                      <option value="Business">Business</option>
                      <option value="Indivisual">Indivisual</option>
                </select>

                <button class="btn dropdown-toggle btn-Warning" style="margin-top:-1%;">Go!
                </button>   

                <div class="span5" style="float:right;">
                <div class="footer-feedback">
                    <p class="left">Add & claim your business link|
                        <a href="">link1</a>|
                        <a href="">link2</a>
                    </p>
                    <span class="footer-feedback">
                        <h5>Feedback</h5>
                    </span>
                </div>
            </div><!--span5 --> 
        </div><!--span5 -->
    </div><!-- row -->
</div>

CSS:

div#footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:30px;
   width:100%;
   background:#eee;
}

/* IE 6 */
* html #footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}
span.footer-feedback{

color:#fff;
float:right;
width:80px;
height:100%;
background:green;
}
 p.left {
    text-align:left;
    float:left;
}

 p.right {

    float:right;
    text-align:right;
}

フッターに適切な配置が必要です。緑のエリアの真ん中にあるフィードバックのように。緑色の左側は、オレンジ色の「私は , 選択して進む」ボタンの真ん中に「あなたのビジネスリンクを追加して請求する | リンク 2 | リンク 3」というテキストが必要です。そして私のフッターは修正されました

4

2 に答える 2

0

あなたのCssをこのCssに置き換えるだけです

div#footer {
   position: fixed;
    left: 0px;
    bottom: 0px;
    /*height: 30px;*/
    width: 100%;
    background: #eee;
}

「dif#footer」タグから高さ要素を削除するだけです。

于 2013-09-05T06:49:53.643 に答える