包裝div沒有顯示內容。 wordpress in firefox

我想我已經通過標題對它進行了很多解釋，但生病試圖更多地解釋它。包裝div沒有顯示內容。 wordpress in firefox

我有一個WordPress主題，我做了。它在Chrome和IE8中效果很好，但是當我在Firefox上使用它時，'wrapper'div中的所有內容都不顯示，並且封裝（Footer和'top'div）顯示的內容都不顯示。

這裏是我的模板頁面之一，結構背起來：

   <!DOCTYPE html> 
      <html> 
      <head> 
       <title><?php bloginfo('name'); ?><?php wp_title(); ?></title> 
       <link rel='stylesheet' href='<?php bloginfo('stylesheet_url'); ?>' type='text/css' media='screen'/> 

       <link href='http://fonts.googleapis.com/css?family=Playfair+Display+SC' rel='stylesheet' type='text/css'> 

       <link rel='shortcut icon' type='image/x-icon' href='<?php bloginfo('template_url'); ?>/images/icon.ico' /> 

       <?php wp_head(); ?> 
      </head> 

      <body> 
      <div id='top'></div> 
      <div id='wrapper'> 
       <div id='header'> 
        <div id='logo' class=''><p>Niagara Islamic School</p></div> 
        <ul id='navigation' class='f-right'> 
         <?php wp_list_pages('title_li='); ?> 
         <li><div id='nav-border'></div></li> 
        </ul> 
       </div> 
       <div id='pre-content' class=''> 
         <div id='introduction' class=''> 
          <h2>Introduction</h2> 
           <?php query_posts('category_name=Introduction'); if(have_posts()) : the_post(); ?> 
           <?php the_content(); ?> 
           <?php endif; ?> 
         </div> 
         <div id='current' class=''> 
          <div id='slider' class=''><?php if (function_exists('soliloquy_slider')) soliloquy_slider('61');?></div> 
         </div> 
       </div> 
       <div id='content' class=''> 
         <div id='news' class=''> 
          <h2>News/ Updates</h2> 
          <?php query_posts('category_name=News'); if(have_posts()) : the_post(); ?> 
          <h4>Posted on <?php the_time('F jS, Y') ?></h4> 
           <?php the_content(); ?> 
          <?php endif; ?> 
         </div> 
         <?php get_sidebar(); ?> 
       </div> 
      </div> 
      <div id='footer' class=''> 
       <div id='inside-footer' class=''> 
        <ul id='sitemap' class='footer-head'> 
            <li class='sidebar-head'><h4><?php _e('Navigation'); ?></h4></li> 
            <?php wp_list_pages('title_li='); ?> 

        </ul> 
        <ul id='quick-links' class='footer-head'> 
            <li class='sidebar-head'><h4><?php _e('Quick Links'); ?></h4></li> 
            <?php wp_get_linksbyname('Quick Links','orderby=name&show_description=0&show_updated=1') ?> 
            <li class=''><a href='#' class=''>Coming Soon</a></li> 
            <li class=''><a href='#' class=''>link here</a></li> 
            <li class=''><a href='#' class=''>link here</a></li> 
            <li class=''><a href='#' class=''>link here</a></li> 
            <li class=''><a href='#' class=''>link here</a></li> 
            <li class=''><a href='#' class=''>link here</a></li> 

        </ul> 
        <ul class='footer-head'> 
            <li class='sidebar-head'><h4><?php _e('Other Links'); ?></h4></li> 
            <?php wp_get_linksbyname('Other Links','orderby=name&show_description=0&show_updated=1') ?> 
            <li class=''><a href='#' class=''>Coming Soon</a></li> 
            <li class=''><a href='#' class=''>link here</a></li> 
            <li class=''><a href='#' class=''>link here</a></li> 
            <li class=''><a href='#' class=''>link here</a></li> 
            <li class=''><a href='#' class=''>link here</a></li> 
            <li class=''><a href='#' class=''>link here</a></li> 
        </ul> 

        <div id='right-footer'> 
         <a href='#top' id='back-up'>top ^</a> 
         </br> 
         </br> 
         </br> 
         <h4>Call us at:</h4> 
         <label class='phone'>905-295-4845</label></br> 
         <label class='phone'>905-295-0268</label> 
        </div> 
       </div> 


      </div> 
      <div id='footer-bottom'></div> 

      </body> 
      </html>

謝謝。

編輯CSS

#wrapper{ 
position: relative;width: 94%; margin: 0 auto; overflow: hidden; 
} 
#content{ 
width: 100%; min-height: 600px; float: left; padding: 0px; 
} 
#news{ 
width: 50%; min-height: 600px; margin: 0 15px 100px 0; padding: 15px; background: #FAFAFA; 
} #news h2{text-transform: capitalize; color: #dd771c; text-decoration: underline;} 
#news h5{ 
padding: 5px 0 5px 0;text-transform: capitalize; color: #dd771c; 
} 
#news p{ 
text-align: justify;} #news h4{padding-bottom: 50px; text-align: left; 
}

來源

2012-12-18 Hussein Benhalim

對不起，它是IE9。 –

這是一個（可能）一個CSS問題，你可以發佈的CSS？至少'＃content'，'＃wrapper'＆'news' – janw

我應該給你網站的地址。我的錯。 Here：www.niagaraislamicschool.com –

哈哈，你是對的janw，它是CSS。我不得不從#wrapper中刪除overflow屬性。

謝謝。

來源

2012-12-19 21:46:43

包裝div沒有顯示內容。 wordpress in firefox

回答

相關問題