ist dieser Code mit 960 Grid korrekt?

Question

<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> 

Die letzte grid_3 Omega-Klasse nach unten drückt und liegt nicht auf der Ebene der ersten 4 Spalten.

Answer 1

Ich denke, Sie haben ein Problem mit den Rändern zwischen den Spalten. Löschen Sie dieses div (id = "footer_content"). Sie brauchen es nicht oder löschen Sie die Klassendefinition dieses Div ...

Oder machen Sie ein neues div, das die inneren Divs von div id = "footer_content" wickeln.

Aber man kann immer den Generator auf das Gelände 960.gs verwenden

BTW: Haben Sie Grenzen in Ihren CSS-Definitionen? Sie müssen alle Rahmen entfernen, da float präzise ist und bricht, wenn Sie die Elemente größer als das definierte definieren.