[Resolvido] Adicionar div se a resolução for x

[Jeman 0]

Viva,

 

Eu estou a construir uma site que se adapta a 3 resoluções. no CSS uso o @media screen and ...

 

Está tudo a funcionar, mas agora queria acrescentar uma div (faceAccao) para uma resolução e não consigo.

Já tentei com 'visibility' (oculta e visivel qd na resolução) e tb já tentei atraves das dimensões, mas os dois metodos não me servem, pois desconfiguram as restantes divs

 

PHP:

<div id="centro">
   	<div id="contHome"></div>
       <div id="outDoor"></div>
       <div id="localApoios"></div>
       <div id="faceAccao" class="fb-like-box" data-href="http://www.facebook.com/apapobres" data-width="321" data-height="345" data-show-faces="true" data-stream="true" data-header="false">
       </div>
       <div id="faceLike" class="fb-like" data-href="http://www.facebook.com/apapobres" data-send="false" data-width="729" data-show-faces="false" data-font="verdana"></div>
   </div>

 

CSS:

#faceAccao {
position:absolute;
left:759px;
top:15px; 
width:321px;
height:345px;
visibility:hidden;
background:#009900;
}

@media screen and (min-width:1360px) {
#cabecalo, #rodape {
	width: 1330px;
}
#faceAccao {
	width:321px;
	height:345px;
	visibility:visible;
}
}

[Evandro Oliveira 331]

tente com

display: none;

e na resolução que você deseja exibir

display: block

[Jeman 0]

Funcionou! Obrigado :D

 

RESOLVIDO