www.webdeveloper.com
Results 1 to 3 of 3

Thread: div displays only in ie

  1. #1
    Join Date
    Dec 2006
    Posts
    16

    div displays only in ie

    hey everyone, i have been tweaking with this for ages now but i cant seem to find out why this div will not show in FireFox, had this sort of problem before but i managed to fix it

    the div that wont in FF is the intro div


    Code:
    <style type="text/css">
    body { 
    	margin: 0;
    	padding: 0;
    	background: #fff;
    	font-size:1.1em;
    	font: Arial, "Cambria", Calibri, verdana, sans-serif, serif;
    	/*text-align: center; */
    	color: #666;
    }
    
    ul#menu{
    list-style-type:none;
    width:100%;
    position:relative;
    height:27px;
    font-family:"Trebuchet MS",Arial,sans-serif;
    font-size:13px;
    font-weight:bold;
    margin:0px 0px;
    padding:2px 0 0 0;
    background-color:#99CC00;
    overflow:auto;
    }
    
    ul#menu li{
    display:block;
    float:left;
    height:27px;
    list-style-type:none;
    margin: 0 0 0px;
    padding: 0 0 0 15px;
    line-height: 18px;
    }
    
    ul#menu li.left{
    margin:0;
    }
    
    ul#menu li a{
    display:block;
    float:left;
    color:#fff;
    background:#99CC00;
    line-height:27px;
    text-decoration:none;
    padding:0 17px 0 18px;
    height:27px;
    }
    
    ul#menu li a.right{
    padding-right:19px;
    }
    
    ul#menu li a:hover{background:#90c002;}
    
    ul#menu li a.current{color:#2E4560;background:#90c002;}
    
    ul#menu li a.current:hover{color:#2E4560;background:#90c002;}}
    
    #intro {
    width:100%;
    height:50px;
    background-color:#4F4F4F;
    margin:0;
    padding:0;
    }
    
    #header {
    margin: 35px 0 0 20px;
    border-bottom: 1px solid #e5e5e5;
    }
    #header h1{
    font: normal normal bold 2.3em/normal Corbel, Verdana, "Trebuchet MS", sans-serif;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    border: 0 none;
    text-decoration: none;
    color: #666;
    }
    #header h2{
    font: normal normal bold 0.8em/normal Corbel, Verdana, "Trebuchet MS", sans-serif;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 30px;
    border: 0 none;
    text-decoration: none;
    color: #666;
    text-indent:80px;
    }
    
    body#home #header {
    border-bottom: none;
    }
    #container {
    margin: 0 auto; 
    width: 800px;
    font-size: 0.75em;
    text-align: left;
    }
    </style>
    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    
    </head>
    
    <body>
    
    
    <div id="container">
    <div id="header">
    
    <h1><?php bloginfo('name'); ?></h1>
    <h2><?php bloginfo('description'); ?></h2>
    </div>
    
    <ul id="menu">
    <li class="<?php if (((is_home()) && !(is_paged())) or (is_archive()) or (is_single()) or (is_paged()) or (is_search())) { ?>current_page_item<?php } else { ?>page_item<?php } ?>"><a href="<?php echo get_settings('home'); ?>">Home</a></li>
    <?php wp_list_pages('sort_column=menu_order&depth=1&title_li='); ?>
    </ul>
    
    <div id="intro"></div>
    </div>
    </body>
    </html>

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Move rule #intro to after #container
    At least 98% of internet users' DNA is identical to that of chimpanzees

  3. #3
    Join Date
    Dec 2006
    Posts
    16
    sadly that didnt work but i have managed to fix it, i just added a container for the menu and put the list inside for the links, firefox now seems to accept the intro div after this.

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