www.webdeveloper.com
Results 1 to 6 of 6

Thread: [RESOLVED] Someone please look at my CSS...

  1. #1
    Join Date
    Dec 2012
    Posts
    81

    resolved [RESOLVED] Someone please look at my CSS...

    I need some help. My site works in IE8, but it's not working in IE9, IE10, Chrome, or Firefox. I am wondering if someone can take a look at the stylesheet and let me know if there's something I can do.

    It's fitted for IE8 because that's our corporate browser, but we're going to be moving up soon and I have to work on figuring this out...

    I placed it on a public domain for testing purposes.

    http://webfro.gs/south/kb2/



    There's too much code to post here, so here's the jsfiddle...

    http://jsfiddle.net/jlnewnam/7fMFa/


    Your help is greatly appreciated.

    -Jared

  2. #2
    Join Date
    Mar 2011
    Posts
    1,139
    You need to add what's called a 'clearfix' rule for #body_wrapper so that you clear the 'float' for the left column:
    Code:
    #body_wrapper:after {
    display:block;
    content:'';
    clear:both;
    height:0px;
    visibility:hidden;
    }
    Floated elements are removed from the normal document flow, so the other elements are positioned without regard to the vertical space they occupy without some additional rules.
    Rick Trethewey
    Rainbo Design

  3. #3
    Join Date
    Jul 2009
    Posts
    32
    on FF 20, all looks ok besides the footer colomns. Try clearing your footer_Wrapper and adjusting your footer_col margins

  4. #4
    Join Date
    Dec 2012
    Posts
    81
    That makes sense Rick. Do I have to do that,

    Code:
    #class_name: after{}
    (I've never seen this before)

    ...after every float. When is it appropriate to do that?

    -Jared

  5. #5
    Join Date
    Mar 2011
    Posts
    1,139
    I don't know if I could come up with a general rule to tell you when a clearfix is appropriate, but it's usually pretty obvious when you need to use it. My darker side says, "It's appropriate to use a clearfix when you find yourself thinking, 'Why can't I just use a bleeping <table> and be done with it?'". Good luck!
    Rick Trethewey
    Rainbo Design

  6. #6
    Join Date
    Dec 2012
    Posts
    81
    Understood. Tables are the enemy. Got it. Thanks, Rick!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles