www.webdeveloper.com
Results 1 to 2 of 2

Thread: IE and Firefox in Windows not applying CSS

  1. #1
    Join Date
    Sep 2012
    Posts
    1

    IE and Firefox in Windows not applying CSS

    Hey guys,

    I'm working on a website for a client of ours and cannot get the site to render properly in IE or Firefox for Windows. If anyone out there could give it a quick test and shoot back some ideas on what might be causing the problem, I would greatly appreciate it. Please note: The site advertises male enhancement products but please don't take this message as spam. Thanks.

    http://www.raiseyoursword.com

    Tyler

  2. #2
    Join Date
    Nov 2006
    Location
    Oakland
    Posts
    500
    I've took a comparative look at the home page in Chrome and Firefox: I see no difference.
    It's a total mess in IE.

    It's always a good idea to specify the width and height of the main containers as well as the overflow property.

    .wrap{
    ...
    position:relative;
    overflow:hidden;

    }

    .header {
    height: 90px;
    padding: 0;
    width:100%;
    overflow:hidden;
    }

    .logo {
    float: left;
    clear:left;
    padding: 10px 0 0 6px;
    margin:0;
    width: 296px;
    height:77px;
    }

    .header_nav {
    float: right;
    clear:right;
    padding: 27px 0px 0 0;
    width:592px;
    height:64px;
    overflow:hidden;
    }

    .banner {
    height: 305px;
    width:100%;
    margin:0;
    padding:0;
    }

    In a nutshell you really have to specify dimensions of containers particularly when elements are floated.
    The lack of hierarchical structure and relationship between the various elements does not help you contains them.
    There is a fundamental reason why you should use at least 4 main containers: #wrapper, #header, #maincontent (which contains page #content, #sidebar and others) and a #footer.

    Once you succeed in laying out those main elements (in all major web browsers) then you can start adding child elements to each.

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