DIV Grudada no posta, não aceita clear:both .....

[Priscila Jeferson Naztick 0]

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;

}

#historia p {

border:1px solid #000;

float:right;

width:60em;

color:#8F8F8F;

padding-right:0.9em;

}

desde já agradeço a ajuda ....

[Nosreve 12]

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

[Priscila Jeferson Naztick 0]

muito obrigado pela dica , já resolvi o problema tenham todos uma ótima tarde :yes: