[Resolvido] CSS divs teimosas

[marcelosw 0]

Pessoal,

 

Estou papando mosca, se alguém puder me ajudar, agradeço

 

A estrutura é a seguinte:

 

#wrapper width: 760px; ... todas as outras #div estão dentro dela, ok

#header { padding-bottom: 10px; } 

#navbar {padding: 10px 0px 10px 0px; border: 1px solid #006699;}

#container { padding: 10px; }

#footer {background-color: #EAF9FF;}

as próximas duas #div devem estar dentro da #footer, mas isso não ocorre, por que ?

 

#contato { float:left; width: 300px; padding: 10px;}

#premios { float:right; width: 350px; padding: 10px;}

o código:

 

<div id="wrapper">

<div id="header">araras</div>

<div id="navbar">menu</div>

<div id="container">texto</div>

<div id="footer">
      <div id="contato">Telefone</div>
      <div id="premios">Brasil</div>
</div> <!-- fecha #footer -->

</div> <!-- fecha #wrapper -->

Obrigado

[William Bruno 1501]

elas estão dentro.. mas por causa do float, esvaziaram o container.

<div id="footer">
      <div id="contato">Telefone</div>
      <div id="premios">Brasil</div>
<div style="clear: both"></div>
</div> <!-- fecha #footer -->

[marcelosw 0]

elas estão dentro.. mas por causa do float, esvaziaram o container.

<div id="footer">
      <div id="contato">Telefone</div>
      <div id="premios">Brasil</div>
<div style="clear: both"></div>
</div> <!-- fecha #footer -->

não entendi o que você falou

 

como consertar ?

[William Bruno 1501]

Adicionando algum elemento nivel de bloco, com clear: both; logo após os flutuados.

Como fiz no trecho de código que postei http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Dá uma olhadinha com atenção... eu adicionei uma linha.

[marcelosw 0]

obrigado !!

 

estou postando porque fui agradecer e recebi essa mensagem: A ação falhou: Você já atingiu seu limite de reputações positivas para hoje