Solved

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

Posted on 2014-01-28
4
261 Views
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.

thanks!

http://worcesterago.org/members_area/jobs/ 

p.s. a table plug in   is being used, not sure if that's aggravating things?
0
Comment
Question by:willsherwood
[X]
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
4 Comments
 
LVL 15

Expert Comment

by:Insoftservice
ID: 39815745
please provide screenshot of both browser as i am no getting black background at my end
0
 
LVL 4

Accepted Solution

by:
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

0
 

Author Comment

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

Author Comment

by:willsherwood
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;}

#wrapper{
      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; */
      }
0

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: mywebsite.com/wp-login.php : 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