Databases
StackOverflow2013
Postsdbo
POwrapper div not showing content. wordpress in firefox
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POwrapper div not showing content. wordpress in firefox
    text
    copied!<p>I think I prett much explained it through the title but ill try to explain it more.</p> <p>I have a Wordpress theme that I made. It works great in chrome and IE8 but when I use it on Firefox EVERYTHING in the 'wrapper' div doesn't show and everything out of the wrapper (the Footer and a 'top' div) shows.</p> <p>Here is one of my template pages, structured back together:</p> <pre><code> &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;?php bloginfo('name'); ?&gt;&lt;?php wp_title(); ?&gt;&lt;/title&gt; &lt;link rel='stylesheet' href='&lt;?php bloginfo('stylesheet_url'); ?&gt;' type='text/css' media='screen'/&gt; &lt;link href='http://fonts.googleapis.com/css?family=Playfair+Display+SC' rel='stylesheet' type='text/css'&gt; &lt;link rel='shortcut icon' type='image/x-icon' href='&lt;?php bloginfo('template_url'); ?&gt;/images/icon.ico' /&gt; &lt;?php wp_head(); ?&gt; &lt;/head&gt; &lt;body&gt; &lt;div id='top'&gt;&lt;/div&gt; &lt;div id='wrapper'&gt; &lt;div id='header'&gt; &lt;div id='logo' class=''&gt;&lt;p&gt;Niagara Islamic School&lt;/p&gt;&lt;/div&gt; &lt;ul id='navigation' class='f-right'&gt; &lt;?php wp_list_pages('title_li='); ?&gt; &lt;li&gt;&lt;div id='nav-border'&gt;&lt;/div&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div id='pre-content' class=''&gt; &lt;div id='introduction' class=''&gt; &lt;h2&gt;Introduction&lt;/h2&gt; &lt;?php query_posts('category_name=Introduction'); if(have_posts()) : the_post(); ?&gt; &lt;?php the_content(); ?&gt; &lt;?php endif; ?&gt; &lt;/div&gt; &lt;div id='current' class=''&gt; &lt;div id='slider' class=''&gt;&lt;?php if ( function_exists( 'soliloquy_slider' ) ) soliloquy_slider( '61' );?&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id='content' class=''&gt; &lt;div id='news' class=''&gt; &lt;h2&gt;News/ Updates&lt;/h2&gt; &lt;?php query_posts('category_name=News'); if(have_posts()) : the_post(); ?&gt; &lt;h4&gt;Posted on &lt;?php the_time('F jS, Y') ?&gt;&lt;/h4&gt; &lt;?php the_content(); ?&gt; &lt;?php endif; ?&gt; &lt;/div&gt; &lt;?php get_sidebar(); ?&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id='footer' class=''&gt; &lt;div id='inside-footer' class=''&gt; &lt;ul id='sitemap' class='footer-head'&gt; &lt;li class='sidebar-head'&gt;&lt;h4&gt;&lt;?php _e('Navigation'); ?&gt;&lt;/h4&gt;&lt;/li&gt; &lt;?php wp_list_pages('title_li='); ?&gt; &lt;/ul&gt; &lt;ul id='quick-links' class='footer-head'&gt; &lt;li class='sidebar-head'&gt;&lt;h4&gt;&lt;?php _e('Quick Links'); ?&gt;&lt;/h4&gt;&lt;/li&gt; &lt;?php wp_get_linksbyname('Quick Links','orderby=name&amp;show_description=0&amp;show_updated=1') ?&gt; &lt;li class=''&gt;&lt;a href='#' class=''&gt;Coming Soon&lt;/a&gt;&lt;/li&gt; &lt;li class=''&gt;&lt;a href='#' class=''&gt;link here&lt;/a&gt;&lt;/li&gt; &lt;li class=''&gt;&lt;a href='#' class=''&gt;link here&lt;/a&gt;&lt;/li&gt; &lt;li class=''&gt;&lt;a href='#' class=''&gt;link here&lt;/a&gt;&lt;/li&gt; &lt;li class=''&gt;&lt;a href='#' class=''&gt;link here&lt;/a&gt;&lt;/li&gt; &lt;li class=''&gt;&lt;a href='#' class=''&gt;link here&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;ul class='footer-head'&gt; &lt;li class='sidebar-head'&gt;&lt;h4&gt;&lt;?php _e('Other Links'); ?&gt;&lt;/h4&gt;&lt;/li&gt; &lt;?php wp_get_linksbyname('Other Links','orderby=name&amp;show_description=0&amp;show_updated=1') ?&gt; &lt;li class=''&gt;&lt;a href='#' class=''&gt;Coming Soon&lt;/a&gt;&lt;/li&gt; &lt;li class=''&gt;&lt;a href='#' class=''&gt;link here&lt;/a&gt;&lt;/li&gt; &lt;li class=''&gt;&lt;a href='#' class=''&gt;link here&lt;/a&gt;&lt;/li&gt; &lt;li class=''&gt;&lt;a href='#' class=''&gt;link here&lt;/a&gt;&lt;/li&gt; &lt;li class=''&gt;&lt;a href='#' class=''&gt;link here&lt;/a&gt;&lt;/li&gt; &lt;li class=''&gt;&lt;a href='#' class=''&gt;link here&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;div id='right-footer'&gt; &lt;a href='#top' id='back-up'&gt;top ^&lt;/a&gt; &lt;/br&gt; &lt;/br&gt; &lt;/br&gt; &lt;h4&gt;Call us at:&lt;/h4&gt; &lt;label class='phone'&gt;905-295-4845&lt;/label&gt;&lt;/br&gt; &lt;label class='phone'&gt;905-295-0268&lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id='footer-bottom'&gt;&lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>Thank you.</p> <p><strong>EDIT CSS</strong></p> <pre><code>#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; } </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload