Ir para conteúdo

POWERED BY:

Arquivado

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

uiLhian

ClearFix aparentemente não funcionando

Recommended Posts

como podem ver na imagem anexada a "borda" do rodapé está la em cima e o texto la em baixo,

o que pode esta errado no código ?

ja coloquei o clearfix la em baixo tbm e não resolveu.

 

obrigado!

<div id ="#corpo" class="container">
<div class="row clearfix">
<div class="col-md-12 column">
<!-- SLIDE -->
<div class="cycle-slideshow"
data-cycle-fx=tileSlide
data-cycle-tile-vertical=false
data-cycle-tile-count=15
data-cycle-timeout=5000
data-cycle-speed=700
data-cycle-caption-plugin=caption2
data-cycle-overlay-fx-sel=">div"
>


<img alt="" src="http://lorempixel.com/1600/500/sports/1" />
<div class="cycle-overlay titill"></div>


</div><!-- /SLIDE -->
</div>
<!-- RODAPÉ -->
<div class="footer">
<p class="PI text-right">
<span>©</span> 2014 Recanto<strong><span class="wv">dos</span>Picharros</strong>
</p>
</div><!-- /RODAPÉ -->
</div>
</div><!-- /CORPO -->

CSS.

.footer {
  padding-top: 10px;
  color: #777;
  border-top: 1px solid #bbb;
  font-size: .9em;
}

resultado

10qjhg6.jpg

 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eu testei no Chrome - FireFox - IE - Safari - Opera

 

Em todos funcionaram com a Linha abaixo da imagem, verifique certinho ... aqui funfou.

Compartilhar este post


Link para o post
Compartilhar em outros sites

ja testei no IE, Chrome, FireFox

e continua aparecendo la em cima. :(

 

obs.: fiz um teste agora e "diminui" a tela pra testar as resoluções,

ai quando diminuo a linha vai pra baixo.

e quando maximizo sobe a linha (o que pode ser ?)

 

/** MEDIAS **/
@media screen and (min-width: 768px) {
  .header {
    margin-bottom: 15px;
  }
}


@media (min-width: 768px) {
  .container {
    max-width: 860px;
  }
}


@media only screen and (max-width: 480px), 
only screen and (max-device-width: 480px)
{
.cycle-overlay 
{
padding: 8px;
font-size: 0.75em
}
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Estranho mesmo, fiz mais alguns testes, Local e Remoto.

 

* E principalmente no IE, mas funcionou com a Linha abaixo da imagem.

 

* Alterei o Zoom da tela e permaneceu com a Linha abaixo da imagem tb.

 

* Nos Cinco Navegadores que testei seu Code, funcionou normal.

 

 

Desculpa, mas não sei o porque pra você não aparece assim.

 

Vamos ver se mais alguém apareça com alguma solução para isso.

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.