Ir para conteúdo
Fórum Script Brasil
  • 0

Sombras laterais em sites (Resolvido)


MTavares

Pergunta

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 por MTavares
Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0

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...

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...