1

私は静かに少し検索し、テストしたCSSをたくさん見つけましたが、margin: 0 auto; 動作していません。フッターを中央と下部に配置できません。私はそれを一番下に置くことができ、中央に置くことはできますが、両方はできません。

ここにHTMLがあります

<div align="center">    
    <table class="copyrightbar">    
        <tr>
            <td class="noborder">
                <img  class="ledge" src="images\lefthalfcircle.png">
            </td>
            <td class="noborder" >
            <img class="copyrightimg" src="images\copyright.png">
            </td>
            <td class="noborder">
                <img class="redge" src="images\righthalfcircle.png">
            </td>
        </tr>
    </table>
</div>

ここにCSSがあります

.copyrightbar
{
   border-collapse: collapse;
   border: 0px;
   padding: 0px;
   float: left;
   position: fixed;
   bottom: 10px;
   display:block;
}

なぜ中心にとどまらないのか、何が間違っているのかわかりません。現在、シンは下部のみに留まるように設定されています。

4

4 に答える 4

2

このjsfiddleを試してください

画像が実際に表示されていないことはわかっていますが、必要に応じて表示されるはずです。

HTML:

<div class="wrapper">    
    <table class="copyrightbar">    
        <tr>
            <td class="noborder">
                <img  class="ledge" src="images\lefthalfcircle.png">
            </td>
            <td class="noborder" >
                <img class="copyrightimg" src="images\copyright.png">
            </td>
            <td class="noborder">
                <img class="redge" src="images\righthalfcircle.png">
            </td>
        </tr>
    </table>
</div>​

CSS:

.wrapper {
    position: fixed;
    bottom: 10px;
    width: 100%;
}    

.copyrightbar {
   margin: 0 auto;
   border-collapse: collapse;
   border: 0px;
   padding: 0px;
}

</p>

于 2012-10-08T23:05:31.283 に答える
1

float：leftを使用するポイントは何ですか？中央に配置したい場合は、この要素全体を左にフロートさせることは、目的とは正反対のことを行うため、意味がありません。

ただし、それを保持したい場合は、ラッパーdivにIDを指定する必要があります。たとえば、id = "footer"とすると、このcssを使用します。

#footer {
    width:400px (not sure if that is too wide or not, you can play around with it until it is the right width)
    margin: 0 auto;
}
于 2012-10-08T23:19:42.657 に答える
0

CSSファイルに{float：left;が含まれていることが原因である可能性があります。}？

于 2012-10-08T23:02:36.087 に答える
0

クラスまたは ID をラッパー div に追加します。次に、CSS を使用して「position: fixed」を使用して下部に配置します。

次に、(CSS を介して) テーブルに幅を設定し、margin: 0 auto上記の宣言を使用します。(ああposition: fixed、テーブルから削除)

于 2012-10-08T22:58:27.410 に答える