Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Galera , preciso de uma ajuda estou desenvolvendo um site , mas estou tendo problema com uma DIV que deveria ser no rodapé e ela está grudada no topo , eu já coloquei clear:both e nada , alguem pode me ajudar?
A div qie fica grudada no topo está em vermelho
HTML
<div id="interna-empresa">
<div id="historia">
<ul>
<li><a href="">Uma história a ser contada</a></li>
<li><a href="">Missão</a></li>
<li><a href="">Valores Engimplan</a></li>
</ul>
<h3>UMA HISTÓRIA A SER CONTADA</h3>
<p>Com DNA e talento brasileiros, Engimplan Engenharia de Implantes é uma empresa do setor de implantes ortopédicos, criada em 28 de fevereiro de 1992, para produzir uma malha têxtil usada em cirurgias de ligamentos. A ideia era de substituir um similar importado. A demanda veio de dois médicos do Rio Grande do Sul, mas foi o engenheiro mecânico e também físico José Tadeu Leme, quem desenvolveu e produziu o material numa primeira fábrica, que mais tarde foi incorporada à Engimplan e transferida para Rio Claro (SP), cidade a 190 km de São Paulo.</p>
<p>Como toda empresa iniciante, Tadeu Leme projetava, produzia e vendia sua produção com o auxílio da esposa. Depois, vieram os dois primeiros empregados e teve início a linha de bucomaxilofacial, sendo a segunda empresa do setor a se instalar em Rio Claro.</p>
<p>Visionário, Tadeu Leme percebeu que a demanda nacional por implantes bucomaxilofaciais crescia, mas não existia uma empresa nacional do ramo que trabalhasse com o titânio, até hoje o melhor material biocompatível para esse tipo de prótese. Além disso, os produtos importados eram poucos e não chegavam a atender toda a demanda.</p>
<p>Naquela época tudo era importado neste setor da indústria: a tecnologia, as máquinas, a matéria prima e os projetos. A indústria brasileira do setor de implantes médicos tem pouco mais de três décadas no país, mas a Engimplan acompanhou as últimas duas décadas investindo em desenvolvimento tecnológico, em formação de pessoal e na busca de materiais de alta qualidade e confiabilidade.</p>
<p>Atualmente, Engimplan desenvolve, produz e distribui implantes e instrumentais cirúrgicos para todo o Brasil e América Latina nas linhas de cardiologia, bucomaxilofacial, coluna, ligamento e trauma.</p>
<p>Os diferenciais básicos das linhas de produtos da Engimplan são a qualidade e os preços competitivos, que permitem aos clientes ter acesso a implantes de alta performance. Tendo em mente a dinâmica deste setor, a proposta da Engimplan tem como linha-mestra o desenvolvimento e a introdução de produtos de alto valor percebido no mercado. </p>
<p>A Engimplan vive todos os dias o compromisso de proporcionar melhor qualidade de vida a seus pacientes, garantindo a cada implante liberdade de movimento e bem-estar. Conheça nossos compromissos e nossa ‘forma de fazer’ neste site.
</p>
<span ><a href="">VOLTAR AO TOPO</a></span>
</div>
</div>
CSS
/ EMPRESA /
#interna-empresa{
clear:both;
width:100%;
}
#historia {
overflow:hidden;
width:100%;
max-width:61.8em;
margin:0 auto;
}
#interna-empresa span {
clear:both;
width:9.3em;
margin:0;
padding:0;
border:1px solid #000;
}
#historia ul {
position:absolute;
width:9.3em;
height:9.3em;
margin-top:-1.25em;
border:1px solid #333;
-webkit-box-shadow: 1px 2px 15px 1px #a3a3a3;
box-shadow: 1px 2px 15px 1px #a3a3a3;
float:left;
}
#historia ul li{
border:1px solid #333;
}
#historia h3 {
border:1px solid #000;
padding:0.6em ;
width:39em ;
float:right;
color:#3E5A75;
margin-top:2em ;
font-weight:normal;
}border:1px solid #000;
float:right;
width:60em;
color:#8F8F8F;
padding-right:0.9em;
}
desde já agradeço a ajuda ....
muito obrigado pela dica , já resolvi o problema tenham todos uma ótima tarde :yes:
Ola,
basta você tirar o float: right do elemento #historia p
que o span ja vai ficar em baixo
o clear:both, não serve para o elemento ficar em baixo e sim, para dizer que aquela "linha" onde o elemento esta só pode ser ocupado por ele, sendo assim, emperra alguns elementos para cima e outros para baixo