omor Postado Junho 4, 2016 Denunciar Share Postado Junho 4, 2016 (editado) overflow não funciona depois que coloquei max-width <div class="container"> <div class="row"> <div class="col-md-12"> <div id="slide"> <?php $sql = "Select * From cn_banners where ativo = 'S'"; $total = $banner->totalRegistros($sql); for($i=0;$i < $total;$i++){ $banner->verBanners($sql, $i); $id_banner = $banner->getId(); $img_banner = $banner->getImgBanner(); ?> <img src="cn_admin/banners/<?php echo $banner->getImgBanner(); ?>" alt="<?php echo $banner->getAltBanner(); ?>" border="0"/> <?php } ?> </div><!--fim div banner--> </div> </div> </div> </div> #slide { max-width : 100%; height : auto; margin : 10px 0 0 8.9%; float : left; z-index : 1; overflow : hidden; } #slide img { max-width : 100%; height : auto; margin : 0; float : left; overflow : hidden; } #logo img{ max-width:100%; height:auto; top:30%; left:50%; margin-left:400px; margin-top:-190px; z-index:2; } Editado Junho 4, 2016 por omor Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Stoma Postado Junho 6, 2016 Denunciar Share Postado Junho 6, 2016 Olá. A propriedade overflow funciona normalmente com max-width, como você pode ver neste exemplo:http://codepen.io/anon/pen/oLjgZY?editors=1100 Qual era o resultado esperado? E o que está acontecendo? Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
omor
overflow não funciona depois que coloquei max-width
<div class="container">
<div class="row">
<div class="col-md-12">
<div id="slide">
<?php
$sql = "Select * From cn_banners where ativo = 'S'";
$total = $banner->totalRegistros($sql);
for($i=0;$i < $total;$i++){
$banner->verBanners($sql, $i);
$id_banner = $banner->getId();
$img_banner = $banner->getImgBanner();
?>
<img src="cn_admin/banners/<?php echo $banner->getImgBanner(); ?>" alt="<?php echo $banner->getAltBanner(); ?>" border="0"/>
<?php } ?>
</div><!--fim div banner-->
</div>
</div>
</div>
</div>
#slide {
max-width : 100%;
height : auto;
margin : 10px 0 0 8.9%;
float : left;
z-index : 1;
overflow : hidden;
}
#slide img {
max-width : 100%;
height : auto;
margin : 0;
float : left;
overflow : hidden;
}
#logo img{
Editado por omormax-width:100%;
height:auto;
top:30%;
left:50%;
margin-left:400px;
margin-top:-190px;
z-index:2;
}
Link para o comentário
Compartilhar em outros sites
1 resposta a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.