Skip to main content
Tweeted twitter.com/#!/StackOverflowPT/status/529527288446996480
adicionou 257 caracteres ao conteúdo
Fonte Link
Felipe Viero Goulart
  • 3,8mil
  • 17
  • 73
  • 106

Tenho uma página e login para desenvolver e há um logo bem no centro da página. Ok, centralizei da seguinte forma:

bg{
    background-image: url("../imagens/bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 1138px;
}
   .logo {
    background-image: url("../imagens/logo.png");
    width: 140px;
    height: 101px;
    margin-left: -70px;
    left: 50%;
    position: absolute;
}

Coloquei um position:absolute e gostaria de saber se há outra forma, pois, caso contrário, tudo que vier abaixo dessa div .logo terei que colocar position e não quero isso.

HTML:

<div class="bg">        
<div class="logo"></div>
</div>

Imagem demonstrativa: inserir a descrição da imagem aqui

Tenho uma página e login para desenvolver e há um logo bem no centro da página. Ok, centralizei da seguinte forma:

   .logo {
    background-image: url("../imagens/logo.png");
    width: 140px;
    height: 101px;
    margin-left: -70px;
    left: 50%;
    position: absolute;
}

Coloquei um position:absolute e gostaria de saber se há outra forma, pois, caso contrário, tudo que vier abaixo dessa div .logo terei que colocar position e não quero isso.

Imagem demonstrativa: inserir a descrição da imagem aqui

Tenho uma página e login para desenvolver e há um logo bem no centro da página. Ok, centralizei da seguinte forma:

bg{
    background-image: url("../imagens/bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 1138px;
}
   .logo {
    background-image: url("../imagens/logo.png");
    width: 140px;
    height: 101px;
    margin-left: -70px;
    left: 50%;
    position: absolute;
}

Coloquei um position:absolute e gostaria de saber se há outra forma, pois, caso contrário, tudo que vier abaixo dessa div .logo terei que colocar position e não quero isso.

HTML:

<div class="bg">        
<div class="logo"></div>
</div>

Imagem demonstrativa: inserir a descrição da imagem aqui

Fonte Link
Felipe Viero Goulart
  • 3,8mil
  • 17
  • 73
  • 106

Centralizar elemento em uma página

Tenho uma página e login para desenvolver e há um logo bem no centro da página. Ok, centralizei da seguinte forma:

   .logo {
    background-image: url("../imagens/logo.png");
    width: 140px;
    height: 101px;
    margin-left: -70px;
    left: 50%;
    position: absolute;
}

Coloquei um position:absolute e gostaria de saber se há outra forma, pois, caso contrário, tudo que vier abaixo dessa div .logo terei que colocar position e não quero isso.

Imagem demonstrativa: inserir a descrição da imagem aqui