Autor Tópico: background imagem e float  (Lida 510 vezes)

Offline tiagoarabe

  • Newbie
  • *
  • Mensagens: 1
  • Reputação: +0/-0
    • Ver Perfil
background imagem e float
« em: Abril 21, 2010, 12:26:18 am »
Olá pessoal, estou com um problema muito sério!
Eu coloquei uma imagem no bakground da minha "DIV corpo", que é todo o espaço do site onde vou trabalhar.
Neste espaço quero colocar uma sidebar e um conteudo, um do lado direito e outro do lado esquero. Para isso acontecer estou usando o float, porém que eu uso o float a imagem do bakground da "div corpo" some, ficando só a cor do body.
Por favor gente, ajudem, já tentei de tudo e não encontrei a solução.

ATT.:
Tiago Lisboa

Offline Duccini

  • Newbie
  • *
  • Mensagens: 3
  • Reputação: +0/-0
    • Ver Perfil
Re:background imagem e float
« Responder #1 em: Abril 21, 2010, 01:41:37 am »
Tiago, crie um comando "clear" depois da div que está com float à direita. Esse comando clear irá marcar o fim dos floats do corpo e da sidebar. Isto é, imagino que o código seja da sua página seja:

<div id="corpo">
   <div id="sidebar">
   </div>

   <div id="conteudo">
   </div>
</div>

isso com o "sidebar" com float à esquerda, e o "conteudo" com float à direita, certo?

Se for isso mesmo, faça o seguinte:
crie uma class chamada .clear e coloque-a dentro de uma tag <br > depois de fechar a div "conteudo". Ou seja:

<div id="conteudo">
   </div><br class="clear">
</div>


Essa class "clear" precisa ter essas regras:
.clear {
   font-size: 1px;
   line-height: 0px;
   height: 0px;
   clear: both;
}

Abraços!
« Última modificação: Abril 21, 2010, 01:45:47 am por Duccini »