2013-10-11 71 views
0

我想用一個浮點數向我的頁面的右側發送一個div塊:right;但它不起作用。CSS - 無法發送正確的div?

HTML:

<div id="footer_div"> 
<footer> 

<div class="copyrights"> 
<a href="contact.html" style=" 
    color:#8C8C8C; 
    font-weight:bold; 
    text-decoration:none; 
    font-size:xx-small; 
"><center>Site © 2013</center></a> 
</div> 


<div class="footer_links"> 
<a href="cgu.html" style=" 
    color:#FFF; 
    font-weight:bold; 
    text-decoration:none; 
    font-size:xx-small; 
">Conditions d'utilisation</a> 
<a href="about.html" style=" 
    color:#FFF; 
    font-weight:bold; 
    text-decoration:none; 
    font-size:xx-small; 
">A propos</a> 
<a href="help.html" style=" 
    color:#FFF; 
    font-weight:bold; 
    text-decoration:none; 
    font-size:xx-small; 
">Aide</a> 
<a href="contact.html" style=" 
    color:#FFF; 
    font-weight:bold; 
    text-decoration:none; 
    font-size:xx-small; 
">Contact</a> 
</div> 

</footer> 
</div> 

CSS:

footer 
{ 
    position:fixed; 
    bottom:0; 
    height:45px; 
    width:100%; 
    background:url(Templates/footer1.png) repeat-x bottom; 
} 

.copyrights 
{ 
    float:left; 
    position:fixed; 
    bottom:17.5px; 
    text-decoration:none; 
    margin-left:8px; 
} 

.footer_links 
{ 
    float:right; 
    height:20px; 
    width:240px; 
    position:fixed; 
    bottom:17.5px; 
    text-decoration:none; 
    border:0px solid; 
} 

任何想法,我怎麼能解決? 我想讓.footer_links進入我的頁面右側。

謝謝! Chris。

+0

讓你的代碼的jsfiddle所以我們可以幫助你更好。 – codedude

+0

我創建了一個小提琴:http://jsfiddle.net/wumm/wCMqY/ – idmean

+0

請不要將標籤用於您的問題中未提及的語言。 :) –

回答

2

取下你在.footer-links類中指定的位置fixed

看到這個jsFiddle的例子。

1

http://jsfiddle.net/wCMqY/6/

footer 
{ 
position:fixed; 
bottom:0; 
height:45px; 
width:100%; 
background:red; 
} 

.copyrights 
{ 
float:left; 
bottom:17.5px; 
text-decoration:none; 
margin-left:8px; 
} 

.footer_links 
{ 
float:right; 
height:20px; 
width:240px; 
text-decoration:none; 
border:0px solid; 
background:green; 
} 
.clear { 
clear:both; 
} 

這是固定的位置是造成你的問題

+0

我添加了背景顏色,以便我可以看到每個div的位置。 – codedude

+0

我添加了一個div屬性爲clear的屬性:既可以讓兩個div左右浮動後的任何其他內容都可以工作。 – codedude