Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

uiLhian

Layout (Rodape) Desalinhado

Recommended Posts

bom como podem ver na imagem a abaixo não consigo alinhar o "rodape" ao corpo nem ferrando. :(

a estrutura tbm está ae na imagem. e o css postado aqui.

qual seria o motivo de não estar alinha junto ao "corpo" ?

eu coloco dentro da div "conteudo" e mesmo assim ele continua desalinhado, pois como podem ver tem um "padding" de 20px nos cantos.

mas o que to encanado é que o rodapé esta "fora" da div "conteudo" e não deveria pegar o valor do padding, que é o que acho que ta acontecendo.

 

http://www.casimages.com.br/i/130903091132582347.png.html'>130903091132582347.png

http://www.casimages.com.br/i/130903091128799481.png.html'>130903091128799481.png

 

Css:

 

 

#CONTEUDO {padding: 1px 20px 0 20px;
background-color: #FFF;
}


#RODAPE {
margin: 0;
width: 100%;
border-top: 0.1em solid #E5E5E5;
border-bottom: 0.9em solid #666;
color: #888;
background-color: #F5F5F5;
padding: 0 20px;
}


#RODAPE .cwvaE {
background-size: 110px 55px;
background: transparent url(../imgs/icone.png) left center no-repeat;
    min-height: 50px;
    padding: 20px 0 0 135px;
}


#RODAPE .cwvaC {
    padding: 20px 0 0 40px;
}

 

<footer id="RODAPE" class="row-fluid clearfix Varela">
<div class="cwvaE pull-left">
<address>
<p class="pE">
Texto 1<br>
Texto2<br>
Texto 3
</p>
</address>
</div>
<div class="cwvaC pull-left">
<address>
<p class="pE">
Texto 4
Texto 5
</p>
</address>
</div>
</footer>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.