2011-11-07 49 views
1

本頁內容:www.incfilms.net/services,我的目標是讓廣告和諮詢圖片移動到該段的右側。浮動:右側命令從底部刪除頁腳

主要頁面有:

<div class="serviceinfo">I am Not a Communist is now proud to offer a new range of digital video and media services to you and your business. We're calling it INC Pro. 
<p>We are able to meet and focus with our clients on finding customizable solutions that are specific to their exact needs and objectives. 
<p>We encompass the expertise and capabilities to create professional quality media; offering a number of services ranging from pre 
through post production consultation, shooting and capturing, editing, color matching, audio leveling and digital mastering. 
<p>Please contact us for a quote or more information at <?php echo $adminemail; ?> or call at <?php echo $phonenum; ?>. 
</div> 


<!--ADVERTISING AND CONSULTING LOGO --> 
<div class="adconsul"><img src="media/advert.png" width="350" height="120"/></div> 

而CSS片:

.serviceinfo { 
    width: 600px; 
    text-align: left; 
    clear: both; 
    color: white; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: small; 
} 
.adconsul { 
    width: 350px; 
    float: right; 
    margin: auto; 
    color: white; 
    padding-bottom: 100px; 

} 

我可能不應該使用浮動權,但有一個方法可以讓我得到那個圖片進入該段落的右側並將頁腳保持在底部?謝謝

回答

4

嘗試把一個float:就在.serviceinfo類 你要使用浮動的div

<div style="clear:both;"></div> 
+0

我把浮動後的以下內容:留在serviceinfo,並在一個浮動的權利.adconsul。這有助於讓他們sidebyside。 「結算」是如何防止頁腳出現的?感謝您的幫助順便說一句 –

+0

明確:這兩種重置整個浮動的東西。我不確定細節,但是當你左右浮動div時,當你完成時你需要做一個清楚的事情。下一個divs將在他們自己的集合中。 – rogerlsmith

+0

我明白了。再次感謝,我真的很感激。 –