Help, site won't display properly!

HTML & CSS
1

My site is http://ultragamer.com and I simply cannot seem to find why it is breaking.

In IE7 it displays odd and now that I have tried to correct it with clears it displays odd in firefox.

My CSS file (kind of big) is here:
http://www.ultragamer.com/css/styles.css

Can someone please help me? Thanks

2
  • Odd how?
3

Hi,

Your clearer is in the wrong place. It should be down one level as shown here:


            </div>
            <!-- ends .wrapper -->
            [B]<div class="clrflt">&nbsp;</div>[/B]
        </div>
        <!-- ends .container -->
    </div>
    <!-- ends .mainContainer -->

You would be better of using either the clearfix technique or apply overflow:hidden to the appropriate containers (assuming you don’t need visible overflow) (see faq on floats).

Your maincontainer should also have haslayout or is likely to break in Ie6/7.


.mainContainer {
    border-bottom:1px solid #afb5bb;
    width:100&#37;;/* haslayout ie (and clear floats in ie)*/
    overflow:hidden;/* clear floats everywhere else*/
}
4

Thank you Paul its working great now! Thanks for the haslayout tip I will remember that one.