2012-03-01 48 views
0

我試圖刪除多餘的線在頁腳中的額外的空間,我想修改我的CSS,但它沒用,我在網頁上有4點CSS的ID contentsearchbutton_stylead這充當我的頁腳這裏,我需要刪除頁面下方的藍線,你在截圖中看到的porblem,這裏是我的代碼消除頁腳

#content { 
    -webkit-border-radius: 15px; 
    -moz-border-radius: 15px; 
    border-radius: 15px; 
    border: 6px solid #BDF4FC ; 
    width: 50%; 
    height: 150px; 
    margin: 0px auto; 
    text-align: left; 
    padding: 15px; 
    margin-top: 10%; 
    background-color: #ffffff; 

} 

#search { 
    height: 42px; 
    border: medium solid #63D1F2; 
    font-size: 24px; 
    font-style: normal; 
    color: #CCC; 
    font-weight: bolder; 
    vertical-align: middle; 
    margin-left:7%; 
    margin-top:7%; 
    position:relative; 
    text-indent:10px; 


} 

#button_style { 
    background-image: url(images/search_button.png); 
    height: 44px; 
    width: 92px; 
    background-color: #FFF; 
    border: 0px none #FFF; 
    vertical-align: middle; 
    margin-top:7%; 
    margin-left:1px; 
} 

#ad { 
    width:auto; 
    height:190px; 
    background-color:#FFF; 
    margin-top:5%; 
    border-top-width: 10px; 
    border-top-style: solid; 
    border-top-color: #12ADDA; 
    border-right-color: #EDEDED; 
    border-bottom-color: #EDEDED; 
    border-left-color: #EDEDED; 
    padding-top:40px; 
    float: none; 

} 

<body> 
<div id="buttonsmenu"> 
HOME | LOGIN | REGISTER | ABOUT US | HELP 
</div> 


<div id="content"> 

<form action="" method="get"> 
<input name="search" type="text" id="search" onfocus="clearContents(this);" onchange="RestContents(this);" value="Search Reservation" size="40" /><input type="submit" value="" id="button_style"/> 
</form> 
</div> 
<div id="ad"></div> 
</body> 
</html> 

有什麼建議?

how to remove the extra blue line

+1

很難說沒有看到html源代碼,但它看起來像一個邊框 – 2012-03-01 20:31:55

+0

@rfausak對不起,我已經更新了代碼以包含html代碼,藍色的剝離線不是邊框。 – 2012-03-01 20:35:42

+0

我們可以看到一些純粹的html標記嗎? – 2012-03-01 20:35:45

回答

0

我只是覺得這是在填充你的<body>試試這個

CSS

 
    html, body {padding-bottom:0;} 

做到這一點,然後如果你施膠你的身體標記或任何東西只要確保你不要底部沒有填充物。

+0

請記住,如果這項工作,你應該考慮使用你的文件 – 2012-03-01 20:41:10

+0

上的CSS重置,當我添加在我的'身體'CSS,背景開始看起來錯了,條沒有組織在某些點頁面,當我添加'html'到CSS時發生了。 – 2012-03-01 20:52:27