SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Wizard Darren884's Avatar
    Join Date
    Aug 2003
    Location
    Southern California, United States
    Posts
    1,616
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Help, site won't display properly!

    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
    Have a good day.

  2. #2
    SitePoint Enthusiast
    Join Date
    Mar 2010
    Posts
    43
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    - Odd how?

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,355
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

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

    Code:
                </div>
                <!-- ends .wrapper -->
                <div class="clrflt">&nbsp;</div>
            </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.

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

  4. #4
    SitePoint Wizard Darren884's Avatar
    Join Date
    Aug 2003
    Location
    Southern California, United States
    Posts
    1,616
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you Paul its working great now! Thanks for the haslayout tip I will remember that one.
    Have a good day.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •