[Resolvido] Problema com float

[donato 0]

Pessoal, tudo bem? estou com problema aqui já me aconteceu isso mais eu resolvi alterando posição das tags no html, mas dessa vez não ta dando certo e o código está praticamente igual. Se alguem puder me ajudar, que tem coisa erra é certeza mas não sei o que.

 

 

link:

www.ourofino.com/web/portal2

 

 

abraços

[wills 0]

certo.

 

não quer postar seu fonte para olharmos.

 

mas, tentou isso?

 

#esquerda{
float:left;
}

#meio{
float:right;
}

#direita{
float:right;
}

não testei, mas quem sabe vai.

[donato 0]

eu fiz quase, só não coloquei float no centro

 

 

o link é esse da pra ver o código:

 

www.ourofino.com/web/portal2

 

CSS: www.ourofino.com/web/portal2/estilo.css

[brcontainer 16]

donato você tambem pode fazer assim:

 

css:

#esquerda{
width:150px;
float:left;
}

#meio{
display:block;
margin:0px 155px;
}

#direita{
width:150px;
float:right;
}

html:

<div id="esquerda"></div>
<div id="direita"></div>
<div id="meio"></div>

;)

[programador php 0]

isso ocorre porque quando você declara um elemento como float: ; o elemento tem que "caber no lugar", sem extrapolar margens, paddings, etc.

 

 

tenta diminuir o tamanho dele que verá que caberá

 

 

abraço

[wills 0]

silverfox, mas dependendo da estrutura do site dele, essa forma pode dar pau.

 

ao menos já ocorreu comigo isso.

 

e, donato.

 

posta apenas o css da esquerda, meio e direita.

 

fica mais fácil

[donato 0]

ja fiz layout assim e deu certo, ak ta com algum problema que não consegui descobrir.

 

o codigo só das div ta o seguinte:

 

#esquerda{
width:160px;
float:left;
}

#meio{
margin:0px 165 0px 200px;
heigth: 450px;
}

#direita{
width:195px;
float:right;
}

[wills 0]

cara, faz o que o silverfox disse.

 

<style type="text/css">
#esquerda{
width:160px;
float:left;
background:#000
}

#meio{
margin:0px 165 0px 200px;
width: 100%;
background:#555
}

#direita{
width:195px;
float:right;
background:#222
}
</style>
[code]

[code]
<div id="esquerda">
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</div>


<div id="direita">
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</div>

<div id="meio">
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</div>

[donato 0]

Mas a estrutura que está lá é essa mesmo, só a ordem das colunas que estão diferente porque estou tentando arrumar entãoe stou alterando a ordem pra ver se da certo, uma vez consegui arrumar um problema desse assim, mas dessa vez não ta dando não.

[wills 0]

*{
margin:0;
padding:0;
}

tenta ae

[brcontainer 16]

você colocou duas vezes:

<div id="conteudocentro"></div>

aqui:

<div id="conteudocentro"></div>
  <div id="direita">
<div id="anuncio"></div>

e aqui

<div id="conteudocentro"></div> 
</div>

<div id="rodape"></div>

a maioria dos seus DIVs estão em locais aos quais uns afentam os outros =/

tente revisar a parte HTML

;)

[donato 0]

deu certo ak, alterei a posição das divs no html e deu certo

[brcontainer 16]

que bom que conseguiu

abraço ;)