0

ページの下部にフッターコンテンツを配置するのに苦労しています。現時点では、フッターコンテンツは正しく配置されており、コンテンツの下に配置するために他に何をすべきかわかりません。

この時点でどのように見えるかについては、画像の添付ファイルを参照してください。

スクリーンショット

マスターページのコンテンツは以下にあります。

       <div style="clear:both;"></div>
 
                      <!-- FOOTER -->
       <div class="footer">          
            <asp:Image ID="Image2" runat="server" 
                    ImageUrl="~/App_Themes/nopBlue/icons/facebook.png" CssClass="facebook"  />
            <asp:Image ID="Image3" runat="server" 
                    ImageUrl="~/App_Themes/nopBlue/icons/twitter.png" CssClass="twitter" />
            <asp:Image ID="Image4" runat="server" 
                    ImageUrl="~/App_Themes/nopBlue/icons/linkedin.png" CssClass="linkedin" />         
        </div> 
        <!-- End FOOTER -->

フッターのcssファイル：

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
    width:100%;
}

アップデート

ブラウザからのコードは次のとおりです。

http://jsfiddle.net/laziale/seZT8/

2回目の更新

問題のあるページのオンラインURLは次のとおりです。

http://www.5280.bz/d/nopCommerceSite/Cellphones.aspx

4

3 に答える 3

0

幅を100％に調整してみてください。

.footer {

color: #4e5766;   
padding: 8px 0px 0px 0px;  
margin: 0px auto; 
text-align: center; 
line-height: normal; 
width:100%;

}

于 2011-12-09T16:40:43.223 に答える
0

  • まず、すべての検証エラーを修正する必要があります。修正すべきことがたくさんあります...

  • 位置付けは、欠落していることが原因</div>です。フッターはニュースレターブロック内にネストされています。</div>直前に2回追加 <!-- End RIGHT Side -->

  • 次に、＃footercssを次のように変更します。

    text-align:center;
width:100%;

  • それはそれを修正する必要があります...

于 2011-12-09T17:39:31.917 に答える
0

Float：leftを追加してみてください

色：＃4e5766;
パディング：8px 0px 0px 0px;
マージン：0px自動; text-align：center; 行の高さ：通常; 幅：100％;

Float:left
于 2011-12-09T17:40:45.307 に答える