[RESOLVIDO]css + enquadramento branco envolta de um facelets

Front-end
#1

Boa noite galera!

Estou criando um projeto de faculdade e tenho um duvida relacionada ao comportamento da minha tela de login que segue abaixo:

O problema que está ocorrendo são estes espaços no cantos superiores, inferiores, acima do header e abaixo do footer da pagina, tal como o scroll que aparece na pagina.

Criei uma classe de modelo (facelets), que se utiliza de um folha CSS para organizar todo conteúdo. A mesma segue abaixo para facilitar a compreensão de todos:

template.xhtml (facelets)

[code] <?xml version='1.0' encoding='UTF-8' ?>

<h:head>




Controle de Apontamento de Horas no JIRA
</h:head>

<h:body>

    <div id="all">
        <div id="top">
            <ui:insert name="topo"></ui:insert>
        </div>

        <div id="content">
            <ui:insert name="conteudo"></ui:insert>
            <div id="clear"></div>
        </div>

        <div id="bottom">
            <ui:insert name="footer"></ui:insert>
        </div>
    </div>
</h:body>
[/code]

Arquivo CSS:

[code]html, body {
height: 100%;
}

#all {
min-height: 100%;

}

  • html #all {
    height: 100%; /* hack para IE6 que trata height como min-height */
    }

/Empurra o rodapé para o bottom/
#all {
position: relative;

}

#bottom {
position: absolute;
bottom: 0;
height: 30px;
background-color: #D7D7D7;
width: 100%;
}

#top{
height: 60px;
background-color: #036fab;
width: 100%;
}
/-------------------------------/
#content {
padding-bottom: 40px;
margin-top: 10px;
}[/code]

Bom, a pergunta principal é, como posso tirar esse “enquadramento” branco envolto dos meus componentes?

Obrigado e um abraço a todos!

#2

Fla, João, blza?

Tenta acrescentar no início do seu CSS:

* {
    margin: 0;
}
#3

Olá novellietibr!

Primeiramente obrigado pela força! Estou no trabalho agora, mas quando chegar em casa vou testar essa sugestão.

Um abraço…

#4

Perfeito novellietibr, muito obrigado pela dica!

Sucesso…

#5