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

(Resolvido) Problema com div


betofc

Pergunta

Olá pessoal, estou com um problema aqui.

Meu código HTML é o seguinte:

<div id='header'>
        <div id='headerConteudo'> </div>
</div>
Como vocês podem ver, 'headerConteudo' está dentro de 'header'. E o código CSS:
#header {
    background-color: black;
    width: 800px;
    height: 150px;
    margin-bottom: 10px;
    }
        
    #headerConteudo {
        background-color: red;
        margin: 10px;
        height: 130px;
    }

O problema é que quando especifico um margin de 10px para a div 'headerConteudo', eu esperava que essa div se afastase 10px do topo da div 'header', mas não é o que acontece. Eis uma imagem do problema a seguir:

tn_eCC83140.jpg

Eu queria que a div vermelha (a 'headerConteudo') se afastasse do topo da div 'header'. Isso a princípio parecia fácil - bastava dar um magin de 10px. Mas não adiantou.

Alguém me ajude por favor.

Resolvi o problema. Coloquei position: relative e dei um top de 10px no headerConteudo.

Editado por betofc
Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

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
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...