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
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Salesforce Has Never Been Easier

Improve and reinforce salesforce training & adoption using WalkMe's digital adoption platform. Start saving on costly employee training by creating fast intuitive Walk-Thrus for Salesforce. Claim your Free Account Now

Question has a verified solution.

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

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... …
I annotated my article on ransomware somewhat extensively, but I keep adding new references and wanted to put a link to the reference library.  Despite all the reference tools I have on hand, it was not easy to find a way to do this easily. I finall…
The purpose of this video is to demonstrate how to insert an Iframe into WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: : Open Page or Post…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

737 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