Janitor_Willie
New Member
Notice down near the bottom and right above the word "home" there is an unwanted grey strip that seems to be joined-at-the-hip so to speak with the progress bar timer (seen higher up). I am trying to get rid of this grey strip. I tried deleting the ID #progress-back. No luck. That also removes the progress bar above. Then I tried deleting the ID #progress-bar. That too removes the progress bar too. I then tried changing the attribute "bottom" to something other than 42px. That unfortunately affects both the progress bar and the unwanted grey strip. I am guessing that this unwanted grey strip is rooted in the jQuery code? What do you think?
http://www.wbmdesign.com/supersized/fade.html
http://www.wbmdesign.com/supersized/theme/supersized.shutter.css
#progress-back{
z-index: 5;
position: absolute;
bottom: 42px;
left: 0;
height: 8px;
width: 100%;
background: url('../img/progress-back.png') repeat-x;
}
#progress-bar{
position: relative;
height: 8px;
width: 100%;
background: url('../img/progress-bar.png') repeat-x;
bottom: 71px;
}
http://www.wbmdesign.com/supersized/fade.html
http://www.wbmdesign.com/supersized/theme/supersized.shutter.css
#progress-back{
z-index: 5;
position: absolute;
bottom: 42px;
left: 0;
height: 8px;
width: 100%;
background: url('../img/progress-back.png') repeat-x;
}
#progress-bar{
position: relative;
height: 8px;
width: 100%;
background: url('../img/progress-bar.png') repeat-x;
bottom: 71px;
}