よくあるfooter3カラムを作りたいと考えております。
footer :100%;で内包し、それぞれのカラムをひとつのcssで定義して
中央に3つ配置したいと考えております。
-----------------------footer------------------------
ロゴのカラム リンク群1 リンク群2
今まで、
ロゴカラム:logo-colum:float:left;300px;
リンク群内包:float:right;630px;
リンク群1:float:left;300px;
リンク群2:float:left;300px;
という感じにしてたのですが、これをcolumひとつでできないか?
と考えております。
そこで気づいたのが、display: table-cellとういものですが、
これだと、colum名がひとつにたいして、中央配置できるようです。
しかし、どうも上手くいきません。
どなたか、わかりやすく説明頂けないでしょうか?
自分でテストしたのですが、IE8,IE9等でも崩れました。
やはり、こういう手法はまだ早いのでしょうか?
みんなの回答 2 件
全部leftじゃだめなの?
同じく全部float:left;ではだめなの?
<style>
.footerArea { width:100%; margin:0 auto; overflow:hidden; }
.logo-colum {float:left; width:300px; }
.link-colum01 {float:left; width:300px; }
.link-colum02 {float:left; width:300px; }
</style>
<div class="footerArea">
<div class="logo-colum"></div>
<div class="link-colum01"></div>
<div class="link-colum02"></div>
</div>
これでいけると思うけど。
関連するトピックス