2011-10-10 89 views
1

我遇到粘性頁腳技巧問題。問題是我想適合左側導航菜單的右邊框(實際上邊框是內容div的左邊框)到#container的高度。但正如你在給定的鏈接上看到的,我只能看到20-30%的右邊界。我該如何解決它?請幫助粘性頁腳問題

頁面鏈接 http://smiths-heimann.az/?page=2

+0

你應該在這裏發佈你的代碼。並嘗試創建一個jsFiddle或jsBin,以便人們可以在其周圍玩耍。 –

回答

1

--using背景css--

使用背景圖片是1px的高998px寬,有裏面的「邊界」像素。 這將解決這個問題。

我做了一個例子:

下的#container加入這行CSS:

background: url("http://www.elbowroom.co.il/test.png") repeat-y; (it works) 

你可以用自己的BG,後來更換。

--using jQuery-- 您可以使用容器的高度定義要擴展的內容的高度。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 

     $(function(){ 

      $("div#content").height($(div#container).height() - ???); 
      $(window).resize(function(){ 
       $("div#content").height($(div#container).height() - ???); 
      }); 
     }); 
    </script> 

用適合您的金額替換問號。