-
ID:2TEKqF さんの質問

よくある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 件

ID:byOdRi さんの回答

全部leftじゃだめなの?

ID:AEYBPC さんの回答

同じく全部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>

これでいけると思うけど。

最終更新日:2013-09-06 (2,352 views)

関連するトピックス

ページ上部に戻る