css - Div not stacked on top of other elements -

-

i having issues getting image background of ftrbottombanner div on top of black , green areas on page. have tried z-index of div @ 999, , adding overflow property parent divs no luck. know simple, can not find missing.

the image below trying achieve. positioning orange banner inside of div on top of black , overlapping black , green area.

sample image: http://www.woodsequipment.com/uploadedimages/layering_question.png

the black , green bands individual divs positioned relative , there container div centered on black area contain menu , orange banner.

what trying have orange banner overlap green area.

here css:

/**** footer ****/ div#footer{position:relative; width:100%; bottom:0; border:1px solid blue;}     div#footerblackribbon{position:relative; height:51px; width:100%; background-color:#000000;border:1px solid white;}     div#bottommenucontainer{position: relative; top: 0px; left:0px; height:50px; width: 950px; margin: 0 auto; border:1px solid red; }         div#ftrbottombanner{position:absolute; top:0px; left:695px; background-image: url(images/footerbanner.png); width:216px; height:137px; background-repeat:no-repeat; border:3px solid aqua; z-index:999;}         div#ftrblackmenu{position:relative; top:18px; left:0px; }  div#footergreenribbon{position:relative; height:187px; width:100%; background-color:#bed73d; overflow:visible;}  div#footerwhiteribbon{position:relative; height:30px; width:100%; background-color:#ffffff; }

and html:

<div id="footer">     <div id="footerblackribbon">                              <div id="bottommenucontainer">             <div id="ftrbottombanner"></div>                  <div id="ftrblackmenu">                                             <ul id="navlist">                         <li id="active"><a href="#" id="current">dealer login</a></li>                         <li><a href="#">contact us</a></li>                         <li><a href="#">about woods</a></li>                         <li><a href="#">careers</a></li>                         <li><a href="#">privacy policy</a></li>                         <li><a href="#">terms of use</a></li>                     </ul>                                         </div>                                 </div>         </div>         <div id="footergreenribbon">         </div>         <div id="footerwhiteribbon">         </div>       </div>

i hope bit clearer.

here jsfiddle http://jsfiddle.net/tshirts/kav42/1/

it appears working there, not on page same code in browser.


Comments

Post a Comment

Popular posts from this blog

How do you change vbulletin's home page to the forums instead of the default (CMS or Activity Stream)? -

-
i have created website using vbulletin have installed cms , blog modules in in admin default setting forums when enter homepage url redirecting me http://www.demo.com/content/ content cms page please help for vbulletin versions < 4.2. need modify forum index page located in top level of vbulletin directory. based on url in question it's file: http://www.demo.com/index.php here contents of file, can choose whether cms or forum default home page. /** * can choose default script here. uncomment appropriate line * set default script. note: uncomment 1 of these, must * add // comment out script(s) not want use * default script. * * can choose default script if not plan move * file root of website. */ /** * use cms default script: */ require('content.php'); /** * use forum default script: */ // require('forum.php'); for vbulletin versions >= 4.2. there's new "navigation manager". you'll find control settin...
Read more

c++ - Troubles when compiling phash program -

-
here (probably) simple problem: i'm trying use perceptual hashing library phash ubuntu 11.10. had ffmpeg installed, way i've done: sudo apt-get install libphash0 sudo apt-get install libphash0-dev then tried compile program: #include <iostream> #include <phash.h> using namespace std; int main() { ulong64 myhash=0; ph_dct_imagehash("test.jpg", myhash); cout<<myhash<<endl; } when compiling, prints out: undefined reference `ph_dct_imagehash' any suggestion? should do? in advance! matteo monti you forgot link phash library, linker cannot find function. try adding -l phash gcc command line (or update makefile). if doesn't work, maybe you'll need specify library path (the location of *.a file) using -l "/usr/lib/"
Read more