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

django - How can I change user group without delete record -

-
on website user have 1 group. , user can change group. it's made user.groups.clear() and user.groups.add(new_group) but it's not efficient, because there 2 sql query: delete, insert. how can change group update query? user , group related each other using manytomanyfield . means intersection table exists relating both entities, , if don't specify model map (using through attribute) django creates 1 you. looking @ sources django.contrib.auth.models see that's case. fortunatly, can access intermediary model using through attribute of manager (in case, user.groups.through ). can use regular model. example: >>> alice = user.objects.create_user('alice', 'alice@example.com', 'alicepw') >>> employee = group.objects.create(name='employee') >>> manager = group.objects.create(name='manager') >>> alice.groups.add(employee) >>> alice.groups.all() [<group: employee...
Read more

java - Need to add SOAP security token -

-
i need set custom soap header attribute on jax-ws generated webservice client. case webservice calls must go through proxy server requiring specific token (recieved web request header) present in soap request header. e.g.: 1 carserviceservice service = null; 2 service = new carserviceservice(new url(url), new qname(qname); 3 carserviceendpoint port = service.getcarserviceport(); it seems in line 3 wsdl retrieved , call fails due missing security token. 1 point direction on how done? a detailed example has been mentioned here: creating , deploying jax-ws web service on tomcat 6 this article shows how create , use security token .
Read more

java - EclipseLink JPA Object is not a known entity type -

-
i have strange problem eclipselink , object want persist. have 1 object (keypointlistimpl) stores object keypointimpl in list. persisting keypointimpl objects works great if try persist keypointlistimpl object java.lang.illegalargumentexception says object keypointimpl isn't known entity type. here keypointimpl code: @entity @table(name="keypoints") public class keypointimpl implements keypoint { @id @generatedvalue(strategy = generationtype.identity) private int id; @enumerated(enumtype.string) private detectortype keypointtype; private float x; private float y; private float size; private float angle; private float response; private int octave; private int classid; ... } here keypointlistimpl code: @entity @table(name="keypointlists") public class keypointlistimpl implements keypointlist { @id @generatedvalue(strategy = generationtype.identity) private int id; @onetoone(cascade={ca...
Read more