Sombras laterais em sites (Resolvido)

MTavares · Janeiro 28, 2013

Olá colegas.

Olha eu aqui novamente levando uma surra com CSS :lol: . Tenho um site, nesse site preciso colocar sombras laterais (esquerdo e direito), depois de muita luta, socos e chutes, consegui colocar, porém quando visualizo em um monitor com resolução inferior, a bendita sombra some por encanto :blink: . Céus, onde foi que errei!?!?

O CSS

#sombra-esquerdo{
    background-image:url(../images/sombra_home_esquerda.png);
    width:40px;
    height:1246px;
    float:left;
    margin-left:175px;
    margin-top:-35px;
    position:absolute;
    }    
#sombra-direito{
    background-image:url(../images/sombra_home_esquerda.png);
    width:40px;
    height:1246px;
    float:right;
    right:175px;
    margin-top:-35px;
    position:absolute;
    }

O HTML

<body>

<div id="sombra-esquerdo-index"></div>
<div id="sombra-direito-index"></div> 

<div id="container">...</div>

</body>

Vlw

Editado Janeiro 28, 2013 por MTavares

atkins · Janeiro 28, 2013

Bom cara eu sei qual é o problema, mas não sei como resolver hauhauhauahaua...

Bom na verdade isso vai ao fato de que talvez seu site não esteja centralizado e montado para ficar fixo, ou seja, toda vez que você o aumenta ou diminui, ele reposiciona os itens... Quem sabe talvez você tenha colocado a area que vai ser sombreada, com %, invés de pixels, isso faz ela aumentar e a sombra ficar atras...

O que você pode fazer, é: Se essa area for uma div, você coloca as sombras dentro dessa mesma div e coloca o posicionamento de 0% e 100%...

Se não rolar, tire uma foto e coloque o código inteiro fazendo favor...

MTavares · Janeiro 28, 2013

Vlw atkins...a sombra do site não vai ser mais usada... vá entender a cabeça do cliente :wacko:

_Vinny_ · Janeiro 31, 2013

Deixando aqui a dica, ao invés de imagens, basta usar o CSS3 com box-shadow. Simples e rápido. Problema é que não é suportado em versões antigas do IE.

Entrar

Sombras laterais em sites (Resolvido)

Pergunta

MTavares

Link para o comentário

Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

atkins

Link para o comentário

Compartilhar em outros sites

MTavares

Link para o comentário

Compartilhar em outros sites

_Vinny_

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades