Erro em DIV
Bom dia.
Estou com um problema com uma DIV, não esta espaçando da anterior, e não estou conseguindo arrumar, acredito estar passando pequeno detalhe.
Se alguém puder me dar uma força agradeço.
Ainda estou limpando o código!
Div em questão:
<?php if ($data['imovel']->imovel_preco_condominio >0): ?>
<div class="heading-title heading-title-sm bg-white">
<h2>OUTROS VALORES</h2>
</div>
<div class="visao">
<div class="titulo">Condomínio</div>
<div class="texto">
<?= Filter::moeda($data['imovel']->imovel_preco_condominio); ?>
</div>
</div>
<?php endif; ?>
<?php if ($data['imovel']->imovel_preco_iptu >0): ?>
<div class="visao">
<div class="titulo">IPTU</div>
<div class="texto">
<?= Filter::moeda($data['imovel']->imovel_preco_iptu); ?>
</div>
</div>
<?php endif;
Segue o código completo:<!DOCTYPE html>
<style>
.visao{
border: 5px solid #e3dfdf;
width: 25%;
float: left;
box-sizing: border-box;
margin-bottom: 60px;
margin-top: 5px;
}
.visao-financ{
border: 5px solid #e3dfdf;
width: 30%;
box-sizing: border-box;
margin-bottom: 60px;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
}
.visao-preco{
border: 5px solid #e3dfdf;
width: 30%;
box-sizing: border-box;
margin-bottom: 60px;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
}
.titulo{
background: blue;
color: #fff;
text-align: center;
font-size: 16px;
}
.titulo-financ{
background: blue;
color: #fff;
text-align: center;
font-size: 20px;
}
.texto{
padding: 10px;
text-align: center;
color: black;
font-size: 16px;
}
@media screen and (max-width: 850px) {
.visao {
width: 50%;
}
}
@media screen and (max-width: 480px) {
.visao {
width: 50%;
}
}
@media screen and (max-width: 480px) {
.visao-preco {
width: 100%;
}
}
</style>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<!--SEO-->
<meta name="application-name" content="<?= $data['config']->config_nome; ?>" />
<meta name="description" content="<?= $data['config']->config_seo_desc; ?>" />
<meta name="keywords" content="<?= $data['config']->config_seo_keys; ?>" />
<meta name="author" content="<?= $data['config']->config_seo_autor; ?>">
<meta name="title" content="<?= $data['imovel']->tipo_nome; ?> em <?= $data['imovel']->cidade_nome; ?> - <?= $data['imovel']->bairro_nome; ?> | <?= $data['config']->config_nome; ?>" />
<link rel="canonical" href="<?= Http::base() ?>/detalhes-do-imovel/<?= $data['imovel']->cidade_url; ?>/<?= $data['imovel']->bairro_url; ?>/<?= $data['imovel']->imovel_id; ?>" />
<link rel="shortcut icon" href="<?= Http::base() ?>/midias/icon/<?= $data['config']->config_icon; ?>">
<title><?= $data['config']->config_nome; ?></title>
<meta property="og:image" content="<?= Http::base(); ?>/midias/thumb.php?zc=1&w=1400&h=768&src=fotos/<?= $data['imovel']->foto_url; ?>" />
<meta property="og:type" content="article" />
<meta property="og:description" content="<?= strip_tags($data['imovel']->imovel_descricao); ?>" />
<meta property="og:url" content="<?= Http::base() ?>/detalhes-do-imovel/<?= $data['imovel']->cidade_url; ?>/<?= $data['imovel']->bairro_url; ?>/<?= $data['imovel']->imovel_id; ?>" />
<!-- Bootstrap core CSS -->
<link href="<?= Http::base() ?>/view/site/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,600,800' rel='stylesheet' type='text/css'>
<link href="<?= Http::base() ?>/view/site/css/font-awesome.min.css" rel="stylesheet">
<link href="<?= Http::base() ?>/view/site/css/nouislider.min.css" rel="stylesheet">
<link href="<?= Http::base() ?>/view/site/css/style-<?= $data['config']->config_color; ?>.css" rel="stylesheet">
<link href="<?= Http::base() ?>/view/site/css/style-custom.css" rel="stylesheet">
<link href="<?= Http::base() ?>/view/site/css/responsive.css" rel="stylesheet">
<link href="<?= Http::base() ?>/view/site/css/style-visao.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<?php if ($data['config']->config_ga != ""): ?>
<?= $data['config']->config_ga; ?>
<?php endif; ?>
</head>
<body>
<?php require_once 'menu-topo.php'; ?>
<!-- begin:header -->
<div id="header" class="heading" style="background-image: url(<?= Http::base() ?>/midias/thumb.php?zcc=3&w=1024&h=768&src=contato/<?= $data['contato'][0]->contato_foto ?>);">
<?php if (Filter::check_agent('browser')) : ?>
<?php require_once 'topo-busca.php'; ?>
<?php endif; ?>
</div>
<!-- end:header -->
<!-- begin:content -->
<div id="content">
<div class="container">
<div class="row">
<!-- begin:article -->
<div class="col-md-9 col-sm-9 col-xs-12 col-md-push-3">
<div class="row">
<div class="col-md-12 single-post">
<ul id="myTab" class="nav nav-tabs nav-justified">
<li class="active"><a href="#detail" data-toggle="tab"><i class="fa fa-university"></i> DETALHES DO IMÓVEL</a></li>
<li class="hidden"><a href="#location" data-toggle="tab"><i class="fa fa-map-marker"></i> localização</a></li>
</ul>
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade in active" id="detail">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<!-- faixa aceita financimento -->
<div class="titulo-financ"><?= $data['imovel']->imovel_financ; ?></div>
<!-- faixa aceita financimento -->
<div id="slider-property" class="carousel slide" data-ride="carousel">
<?php
$k = 0;
?>
<ol class="carousel-indicators">
<?php foreach ($data['foto'] as $ims): ?>
<?php if (file_exists(Http::base_dir() . DIRECTORY_SEPARATOR . "midias/fotos/$ims->foto_url")): ?>
<li data-target="#slider-property" class="<?= ($k == 0) ? 'active' : '' ?>" data-slide-to="<?= $k++ ?>" >
<?php if ($ims->foto_imovel): ?>
<img src="<?= Http::base(); ?>/midias/thumb.php?zcc=1&w=30&h=30&src=fotos/<?= $ims->foto_url; ?>" alt="Foto" class="img-responsive" />
<?php endif; ?>
</li>
<?php endif; ?>
<?php endforeach; ?>
</ol>
<div class="carousel-inner">
<?php
$k = 0;
?>
<?php foreach ($data['foto'] as $imf): ?>
<?php if (file_exists(Http::base_dir() . DIRECTORY_SEPARATOR . "midias/fotos/$imf->foto_url")): ?>
<div class="item <?php if ($k++ == 0): ?>active<?php endif; ?>">
<?php if ($imf->foto_imovel): ?>
<img src="<?= Http::base(); ?>/midias/thumb.php?q=85&zc=1&w=785&h=520&src=fotos/<?= $imf->foto_url; ?>&m=marca/<?= ($data['config']->config_marca != "") ? $data['config']->config_marca : ''; ?>" alt="Foto" class="img-responsive"/></td>
<?php endif; ?>
</div>
<?php endif; ?>
<?php endforeach; ?>
</div>
<a class="left carousel-control" href="#slider-property" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#slider-property" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
<div class="text-center">
<span class='st_facebook_large' displayText='Facebook'></span>
<span class='st_googleplus_large' displayText='Google +'></span>
<span class='st_linkedin_large' displayText='LinkedIn'></span>
<span class='st_twitter_large' displayText='Tweet'></span>
<span class='st_email_large' displayText='Email'></span>
<span class='st_sharethis_large' displayText='ShareThis'></span>
</div>
<h1><?= $data['imovel']->bairro_nome; ?> - <?= $data['imovel']->cidade_nome ?></h1> <?= $data['imovel']->tipo_nome; ?> / Ref.: <?= $data['imovel']->imovel_ref; ?>
- <?= $data['imovel']->imovel_financ; ?>
<br/><br/>
<div class="heading-title heading-title-sm bg-white">
<h2>PREÇO DE <?= $data['imovel']->negocio_nome; ?></h2>
</div>
<div class="visao-preco">
<div class="titulo">R$</div>
<div class="texto">
<?php if ($data['imovel']->imovel_preco > 0): ?>
<?= Filter::moeda($data['imovel']->imovel_preco); ?>
<?php endif; ?>
<?php if ($data['imovel']->imovel_preco_locacao > 0): ?>
<?= Filter::moeda($data['imovel']->imovel_preco_locacao); ?>
<?php endif; ?>
<?php if ($data['imovel']->imovel_preco_temp > 0): ?>
<?= Filter::moeda($data['imovel']->imovel_preco_temp); ?>
<?php endif; ?>
</div>
</div>
<div class="heading-title heading-title-sm bg-white">
<h2>VISÃO GERAL</h2>
</div>
<div class="visao">
<div class="titulo">Quarto</div>
<div class="texto">
<?= $data['imovel']->imovel_dormitorio; ?>
</div>
</div>
<div class="visao">
<div class="titulo">Banheiro</div>
<div class="texto">
<?= $data['imovel']->imovel_banheiro; ?>
</div>
</div>
<div class="visao">
<div class="titulo">Suítes</div>
<div class="texto">
<?= $data['imovel']->imovel_suite; ?>
</div>
</div>
<div class="visao">
<div class="titulo">Vaga</div>
<div class="texto">
<?= $data['imovel']->imovel_vaga; ?>
</div>
</div>
<div class="heading-title heading-title-sm bg-white">
<h2>ÁREA</h2>
</div>
<div class="visao">
<div class="titulo">Área</div>
<div class="texto">
<?= $data['imovel']->imovel_area; ?> m<sup>2</sup>
</div>
</div>
<div class="visao">
<div class="titulo">Área Total</div>
<div class="texto">
<?= $data['imovel']->imovel_atotal; ?> m<sup>2</sup>
</div>
</div>
<?php if ($data['imovel']->imovel_preco_condominio >0): ?>
<div class="heading-title heading-title-sm bg-white">
<h2>OUTROS VALORES</h2>
</div>
<div class="visao">
<div class="titulo">Condomínio</div>
<div class="texto">
<?= Filter::moeda($data['imovel']->imovel_preco_condominio); ?>
</div>
</div>
<?php endif; ?>
<?php if ($data['imovel']->imovel_preco_iptu >0): ?>
<div class="visao">
<div class="titulo">IPTU</div>
<div class="texto">
<?= Filter::moeda($data['imovel']->imovel_preco_iptu); ?>
</div>
</div>
<?php endif; ?>
<table class="table table-bordered">
<tr>
<td width="20%"><strong>Referência</strong></td>
<td><?= $data['imovel']->imovel_ref; ?></td>
</tr>
<tr>
<td><strong>Tipo</strong></td>
<td><?= $data['imovel']->tipo_nome; ?></td>
</tr>
<tr>
<td><strong>Cidade</strong></td>
<td><?= $data['imovel']->cidade_nome; ?></td>
</tr>
<tr>
<td><strong>Bairro</strong></td>
<td><?= $data['imovel']->bairro_nome; ?></td>
</tr>
<?php if ($data['imovel']->imovel_endereco != "" && $data['imovel']->imovel_mapa == 1): ?>
<tr>
<td><strong>Endereço</strong></td>
<td><?= $data['imovel']->imovel_endereco; ?></td>
</tr>
<?php endif; ?>
<tr>
<td><strong>Banheiro(s)</strong></td>
<td><?= $data['imovel']->imovel_banheiro; ?></td>
</tr>
<tr>
<td><strong>Quarto(s)</strong></td>
<td><?= $data['imovel']->imovel_dormitorio; ?></td>
</tr>
<tr>
<td><strong>Suíte(s)</strong></td>
<td><?= $data['imovel']->imovel_suite; ?></td>
</tr>
<tr>
<td><strong>Vaga(s)</strong></td>
<td><?= $data['imovel']->imovel_vaga; ?></td>
</tr>
<tr>
<td><strong>Área</strong></td>
<td><?= $data['imovel']->imovel_area; ?> m<sup>2</sup> </td>
</tr>
<tr>
<td><strong>Área Total</strong></td>
<td><?= $data['imovel']->imovel_atotal; ?> m<sup>2</sup> </td>
</tr>
<tr>
<td><strong>Preço de <?= $data['imovel']->negocio_nome; ?></strong></td>
<?php if ($data['imovel']->imovel_preco > 0): ?>
<td><?= Filter::moeda($data['imovel']->imovel_preco); ?></td>
<?php endif; ?>
<?php if ($data['imovel']->imovel_preco_locacao > 0): ?>
<td><?= Filter::moeda($data['imovel']->imovel_preco_locacao); ?></td>
<?php endif; ?>
<?php if ($data['imovel']->imovel_preco_temp > 0): ?>
<td><?= Filter::moeda($data['imovel']->imovel_preco_temp); ?></td>
<?php endif; ?>
</tr>
<?php if ($data['imovel']->imovel_preco_condominio > 0): ?>
<tr>
<td><strong>Preço do Condomínio</strong></td>
<td><?= Filter::moeda($data['imovel']->imovel_preco_condominio); ?></td>
</tr>
<?php endif; ?>
<?php if ($data['imovel']->imovel_preco_iptu >0): ?>
<tr>
<td><strong>Preço do Iptu</strong></td>
<td><?= Filter::moeda($data['imovel']->imovel_preco_iptu); ?></td>
</tr>
<?php endif; ?>
</table>
<?php if (isset($data['opcoes'][0])): ?>
<br/>
<div class="heading-title heading-title-sm bg-white">
<h2>CARACTERÍSTICAS</h2>
</div>
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="row">
<ul>
<?php foreach ($data['opcoes'] as $imov): ?>
<?php $opc = explode(",", $data['imovel']->imovel_opcao); ?>
<?php if (in_array($imov->opcao_id, $opc)): ?>
<li style="list-style-type: none"><i class="fa fa-check"></i> <?= $imov->opcao_nome; ?></li>
<?php endif; ?>
<?php endforeach; ?>
</ul>
</div>
</div>
<?php endif; ?>
</div>
<?php if ($data['imovel']->imovel_descricao != ""): ?>
<br/>
<div class="heading-title heading-title-sm bg-white">
<h2>DESCRIÇÃO</h2>
</div>
<p><?= $data['imovel']->imovel_descricao; ?></p>
<?php endif; ?>
<br/>
<div class="heading-title heading-title-sm bg-white">
<h2>LOCALIZAÇÃO</h2>
</div>
<div id="map"></div>
</div>
</div>
</div>
<br/><br/>
<div class="heading-title heading-title-sm bg-white">
<h2>DÚVIDAS SOBRE O IMÓVEL?</h2>
</div>
<div class="pane">
<form role="form" method="post" enctype="multipart/form-data" action="<?= Http::base() ?>/atendimento/enviar/">
<input type="hidden" name="imovel_id" id="imovel_id" value="<?= $data['imovel']->imovel_id ?>">
<div class="form-group">
<label for="name">Nome:</label>
<input type="text" name="nome" id="nome" class="form-control input-lg" placeholder="Informe o nome">
</div>
<div class="form-group">
<label for="email">E-mail:</label>
<input type="email" name="email" id="email" class="form-control input-lg" placeholder="Informe o e-mail">
</div>
<div class="form-group">
<label for="telp">Telefone:</label>
<input type="text" name="tel" id="tel" class="form-control input-lg" placeholder="Informe o telefone">
</div>
<div class="form-group">
<label for="message">Messagem:</label>
<textarea name="mensagem" id="mensagem" class="form-control input-lg" rows="7" placeholder="Tipo de mensagem">Olá, Gostaria de conhecer este imóvel <?= $data['imovel']->imovel_ref ?> que encontrei na <?= $data['config']->config_nome; ?>, por favor entre em contato.</textarea>
</div>
<div class="form-group">
<input type="submit" name="submit" value="Enviar Mensagem" class="btn btn-primary btn-lg">
</div>
<div class="hide">
<input type="text" name="assunto" id="assunto" value="Informações sobre imóvel Ref. <?= $data['imovel']->imovel_ref ?> em <?= $data['imovel']->cidade_nome; ?>" /> >
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- end:article -->
<!-- begin:sidebar -->
<div class="col-md-3 col-sm-3 col-xs-12 col-md-pull-9 sidebar">
<?php if (isset($data['imovel_qt_tipo'][0])) : ?>
<div class="widget widget-sidebar widget-white">
<div class="widget-header text-center">
<h4>Outros</h4>
</div>
<ul class="list-check">
<?php foreach ($data['imovel_qt_tipo'] as $tipo) : ?>
<li><a href="#"><?= $tipo->tipo_nome; ?></a>
(<?= $tipo->total; ?>)</li>
<?php endforeach; ?>
</ul>
</div>
<?php endif; ?>
<div class="widget-sidebar widget-white">
<div class="widget-header text-center">
<h4>Imóveis Parecidos</h4>
</div>
<?php foreach ($data['imovel_parecido'] as $imp): ?>
<div class="col-md-12">
<div class="post-container">
<a href="<?= Http::base() ?>/detalhes-do-imovel/<?= $imp->cidade_url; ?>/<?= $imp->bairro_url; ?>/<?= $imp->imovel_id; ?>/">
<?php if (file_exists(Http::base_dir() . DIRECTORY_SEPARATOR . "midias/fotos/$imp->foto_url")): ?>
<img src="<?= Http::base(); ?>/midias/thumb.php?q=85&zc=1&w=280&h=180&src=fotos/<?= $imp->foto_url; ?>" alt="Foto" class="img-responsive"/>
<?php else : ?>
<img src="<?= Http::base(); ?>/midias/thumb.php?q=85&zc=1&w=280&h=180&src=img/sem_foto.jpg" alt="Foto" class="img-responsive"/>
<?php endif; ?>
</a>
<h5><?= $imp->cidade_nome; ?></h5>
<h6>
<a href="<?= Http::base() ?>/detalhes-do-imovel/<?= $imp->cidade_url; ?>/<?= $imp->bairro_url; ?>/<?= $imp->imovel_id; ?>/"><?= $imp->tipo_nome; ?> -
<span> R$
<?php if ($imp->imovel_preco != 0.00): ?>
<?= Filter::moeda($imp->imovel_preco); ?>
<?php endif; ?>
<?php if ($imp->imovel_preco_locacao != 0.00): ?>
<?= Filter::moeda($imp->imovel_preco_locacao); ?> / mês
<?php endif; ?>
<?php if ($imp->imovel_preco_temp != 0.00): ?>
<?= Filter::moeda($imp->imovel_preco_temp); ?> / dia
<?php endif; ?>
</span>
</a>
</h6><br/>
<div class="post-content">
<div class="post-meta text-center">
<span><i class="fa fa-home"></i> <?= $imp->imovel_area; ?> m<sup>2</sup> / </span>
<span><i class="fa fa-hdd-o"></i> <?= $imp->imovel_dormitorio; ?> / </span>
<span><i class="fa fa-male"></i> <?= $imp->imovel_banheiro; ?> wc / </span>
<span><i class="fa fa-car"></i> <?= $imp->imovel_vaga; ?></span>
</div>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
</div>
<!-- end:content -->
<!-- end:footer -->
<?php require_once "view/site/recentes.php" ?>
<?php require_once "view/site/news.php" ?>
<?php require_once "view/site/parcerias.php" ?>
<?php require_once "view/site/footer.php" ?>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript">var baseUriMap = null;</script>
<script type="text/javascript">var baseUri = '<?= Http::base() ?>';</script>
<script src="<?= Http::base() ?>/view/site/js/jquery.js"></script>
<script src="<?= Http::base() ?>/view/site/js/bootstrap.js"></script>
<script src="//maps.google.com/maps/api/js?language=pt-BR&key=<?= $data['config']->config_key_map ?>"></script>
<script src="<?= Http::base() ?>/view/site/js/gmap3.min.js"></script>
<script src="<?= Http::base() ?>/view/site/js/jquery.easing.js"></script>
<script src="<?= Http::base() ?>/view/site/js/jquery.jcarousel.min.js"></script>
<script src="<?= Http::base() ?>/view/site/js/imagesloaded.pkgd.min.js"></script>
<script src="<?= Http::base() ?>/view/site/js/masonry.pkgd.min.js"></script>
<script src="<?= Http::base() ?>/view/site/js/jquery.backstretch.js"></script>
<script src="<?= Http::base() ?>/view/site/js/jquery.nicescroll.min.js"></script>
<script src="<?= Http::base() ?>/view/site/js/nouislider.min.js"></script>
<script src="<?= Http::base() ?>/view/site/js/script.js"></script>
<script src="<?= Http::base() ?>/view/site/js/number.js"></script>
<script src="<?= Http::base() ?>/view/site/js/main.js"></script>
<script type="text/javascript">
$('#menu-home').addClass('active');
<?php if ($data['imovel']->imovel_mapa == 2) : ?>
<?php $data['imovel']->imovel_endereco = $data['imovel']->bairro_nome . "," . $data['imovel']->cidade_nome; ?>
<?php endif; ?>
<?php if ($data['imovel']->imovel_endereco != "") : ?>
$("#map").gmap3({
map: {
options: {
center: [<?php echo $data['imovel']->imovel_lat; ?>, <?php echo $data['imovel']->imovel_lon; ?>],
address: "<?php echo $data['imovel']->imovel_endereco; ?>",
zoom: 18,
scrollwheel: false
}
},
marker<?php echo ($data['imovel']->imovel_mapa == 2) ? 's' : '' ?>: {
latLng: [<?php echo $data['imovel']->imovel_lat; ?>, <?php echo $data['imovel']->imovel_lon; ?>],
options: {
}
}
});
<?php endif; ?>
if ($('.carousel-indicators li').length <= 0) {
$('.carousel-control').remove();
}
</script>
<!-- Colors DEMO Remover -->
<script type="text/javascript">var switchTo5x = true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "c44b1724-22ab-4433-80d0-3328ed2847d5", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
</body>
</html>
Segue a página para analise:
[https://gois.weblina.com.br/imobiliaria/detalhes-do-imovel/praia-grande/aviacao/23/casa-para-temporada/](https://gois.weblina.com.br/imobiliaria/detalhes-do-imovel/praia-grande/aviacao/23/casa-para-temporada/)
No aguardo de uma luz!
Obrigado!Discussão (2)
Carregando comentários...