2010-12-28 4 views
0
<div id="footer"> 
<div class="container_16"> 
<div id="footer_title" class="grid_16"> history &nbsp; <a href="javascript:animatedcollapse.show('footer_content')"><img src="{$AltImagesDir}/collapse_down.gif" height="7" width="6" border="0" /> expand</a> &nbsp; | &nbsp; <a href="javascript:animatedcollapse.hide('footer_content')"><img src="{$AltImagesDir}/collapse_up.gif" height="7" width="6" border="0" /> collapse</a> </div> 
<div class="clear"></div> 
<div id="footer_content" class="grid_16"> 
    <div class="grid_4 alpha" id="f_left_content">Left Content Here</div> 
    <div class="grid_3">1st Column Content Here</div> 
    <div class="grid_3">2nd Column Content Here</div> 
    <div class="grid_3">3rd Column Content Here</div> 
    <div class="grid_3 omega">4th Column Content Here</div> 
</div> 
<div class="clear"></div> 
<div id="footer_bottom" class="grid_16"><a href="#">About Us</a> &nbsp; &nbsp; <a href="#">Policies</a> &nbsp; &nbsp; <a href="#">Terms & Conditions</a> &nbsp; &nbsp; <a href="#">Help</a> &nbsp; &nbsp; <a href="#">Contact Us</a> </div> 

は960グリッドを使用しているこのコードは正しいですか?

最後grid_3オメガクラスが押し下げと最初の4列のレベルに横たわっていません。

答えて

0

私は、あなたが列の間のマージンに問題があると思います。このdivを削除します(id = "footer_content")。このdivのクラス定義を削除する必要はありません。

div id = "footer_content"の内部divをラップする新しいdivを作成します。

しかし、あなたは常にBTW 960.gsサイト

にジェネレーターを使用することができます:あなたのCSS定義で境界線を持っていますか?すべての罫線を削除する必要があります。浮動小数点は正確であり、要素を定義されたフレームワークより大きくすると壊れます。

+0

こんにちはミカ私はfooter_contentの唯一のプロパティのオンとオフを切り替える中間の行がdisplay:blockとnoneであるため、id = "footer_contentを削除できません – christian

+1

次にクラス定義を削除するか、 grid_16のdiv。grid_16のマージンと内側のdivのマージンは問題です... – Mika

関連する問題