CSS (WP) question - what is causing this "black-out" mishap

Posted on 2014-01-28
Last Modified: 2014-01-28
FF displays the below URL properly, however IE, Chrome do not.

please help debug and suggest a CSS(?) fix so the page is not overlaid with transparent black.


p.s. a table plug in   is being used, not sure if that's aggravating things?
Question by:willsherwood
  • 2
LVL 15

Expert Comment

ID: 39815745
please provide screenshot of both browser as i am no getting black background at my end

Accepted Solution

ravikantninave earned 500 total points
ID: 39815762
I think this will do
#wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
    padding: 5px;
    width: 940px;
    z-index: 888;

Open in new window


Author Comment

ID: 39815797
thank you!  i'm on it.

Author Comment

ID: 39815841
welllll  (not quite, no change)

IE 10.0.12 is still showing it (reminder to scroll down a bit)
same for opera 12.14
chrome 32.0.1700.102 m

i believe this code is the effective/active CSS in effect:  (please advise if i missed something)

body {background: /*#000000*/ url(images/bg-tile.gif) no-repeat;}

      width: 940px;
      padding: 5px;
      margin: 0 auto;
      z-index: 888;
      background: none repeat scroll 0 0 #FFFFFF; /* to fix problem on jobs page, black out */
      /*background: #191919; */

Featured Post

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
The purpose of this video is to demonstrate how to exclude a particular blog category from the main blog page. This is can be used when a category already has its own tab, or you simply want certain types of posts not to show up on the main blog. …
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

815 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

8 Experts available now in Live!

Get 1:1 Help Now