[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 186
  • Last Modified:

CSS question - need help to debug why there's a high-opacity black-out

FF displays the below URL properly, however the following show black after the first table (i.e., scroll down to see it) :
IE 10.0.12
opera 12.14
chrome 32.0.1700.102
safari 4.0.5

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

thanks!

http://worcesterago.org/members_area/jobs/
0
willsherwood
Asked:
willsherwood
  • 4
  • 2
3 Solutions
 
Scott Fell, EE MVEDeveloperCommented:
Please start by validating your code validate here

You will see some errors for duplicate id which do need to be fixed but that is not the issue I believe.  

You do have some coding errors detected by the validator like below where you did not close your tags in the same order they were opened.  

<strong><em>The Old South Union Congregational Church, Weymouth, MA</strong></em>

Open in new window

Go through the validator, fix your errors and report back.
0
 
GaryCommented:
In the following you are setting the dark background - styles.css line 118

#wrapper {
    background: #191919;
...
0
 
Scott Fell, EE MVEDeveloperCommented:
Your close....
Working sample http://jsbin.com/iXAkAJu/1/  (plus I fixed the error I mentioned)
style css line 183
Change
interior_left {
width: 867px;
float: left;
padding: 1.3em;
}

Open in new window

to
interior_left {
width: 867px;

padding: 1.3em;
}

Open in new window

0
Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

 
Scott Fell, EE MVEDeveloperCommented:
... that link above will not work...
0
 
Scott Fell, EE MVEDeveloperCommented:
This will http://jsbin.com/iXAkAJu/2/ I just manually added the style
0
 
willsherwoodAuthor Commented:
thanks all - sorry i didn't get back quickly enough -- i implemented the first two
and all set now.  this WP theme does quite a nested set of re-definitions.
but in the end it was the extra  #wrapper definition.

thank you!
0
 
willsherwoodAuthor Commented:
much appreciated
0

Featured Post

Important Lessons on Recovering from Petya

In their most recent webinar, Skyport Systems explores ways to isolate and protect critical databases to keep the core of your company safe from harm.

  • 4
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now