Colocar todas as divs dentro da div-mãe
  • kaus08kaus08
    maio 2012
    Queria criar uma div mestre que cobria o layout inteiro do site pra resolver o problema de resolução, mas não sei como incluir todas as outras divs (o conteudo inteiro do site) dentro dessa DIV mestre.. eu crio a div mas ela fica no topo como uma linha horizontal,

    HTML - (sem o inicio da tag)

    body>
    div id=mestre>
    todas-outras-divs do site>
    div>
    /div>

    CSS
    ...
    #mestre {
    width: 100%;
    margin:0 auto;
    }

    O site tem header/box esquerdo/box meio/rodapé

    O que fazer?
  • fdaciukfdaciuk
    maio 2012
    Acho que primeiro você deveria dar uma estudada melhor em CSS.. você sabe exatamente o que está fazendo? Quando você usa "margin: 0 auto" em algum elemento, você deve ter setado uma LARGURA FIXA para esse elemento, pois isso quer dizer: "No meu elemento com 960px de largura (por exemplo), quero que ele não tenha margem superior e inferior e que as margens laterais sejam automáticas, colocando meu elemento sempre no centro."

    No seu caso, provavelmente as DIVs que estão dentro estão flutuadas. Então você deve flutuar a div #mestre também para que comporte a altura das outras corretamente:

    #mestre { float: left; width: 100% }


    Conseguiu compreender? Uma boa referência para começar a estudar CSS é o site do maujor.com.

    Abraço!!