Problema com DIVs...

[gitavares 0]

Olá!

 

Estou tentando alinhar isso em três colunas... no meu HTML está assim:

<div id="cabecalho" style="border-bottom:7px solid #ff6600;">	<div id="cab-left">		<div align="center" style="padding-top:8px;"><img src="../imagens/marca-areas.gif" border="0"></div>	</div>	<div id="cab-centro">		<img src="../imagens/tit-area-assessoria.gif" border="0" style="padding-top:12px; padding-bottom:9px; "><br>		<img src="../imagens/menu-area-asse-cad-news.gif" border="0" style="padding-right:1px;"><img src="../imagens/menu-area-asse-edit-news.gif" border="0" style="padding-right:1px;"><img src="../imagens/menu-area-asse-edit-dados.gif" border="0" style="padding-right:1px;"><img src="../imagens/menu-area-asse-sair.gif" border="0" style="padding-right:1px;"><img src="../imagens/menu-area-asse-cad.gif" border="0">	</div>	<div id="cab-right">		Bem vindo (a)<br><strong>Fulano do e tal</strong> 	</div></div>

e no arquivo CSS está assim:

#cabecalho {	width:778px;	background-image:url(../imagens/bg-cabecalho.gif)}#cab-left {	width:137px;	height:81px;	float:left;}#cab-centro {	margin-left:138px;	width:494px;}#cab-right {	width:130px;	float:right;}

o que tem de errado nisso? acontece que o coluna da esquerda fica OK, a coluna do meio fica OK, mas a coluna da direita pula uma linha... não entendo isso... alguém pode me ajudar? valeu!

 

--------------------------------------------

Resolvi... acho que já estou ficando muito tempo no PC. bem, pra quem tiver a mesma dúvida que eu, é só inverter os DIVs. Coloca o DIV da direita antes do DIV do meio. :)

[gitavares 0]

AGora estou com o mesmo problema, mas não consegui resolvi do jeito anterior... já fiz de tudo... alguém pode me ajudar?

 

meu html está assim:

<div id="conteudo">	<div id="principal">		<img src="../imagens/tit-cad-news.gif">	</div>	<div id="lateral">		<img src="../imagens/tit-area-asse-ultimas.gif">	</div></div>

e o meu css assim:

#conteudo {	margin:0 auto;	width:778px;}#principal {	margin:;	padding-left:9px;	padding-top:12px;	padding-right:20px;	padding-bottom:12px;	width:504px;	float:left;}#lateral {	margin-left:533px;	padding-left:10px;	padding-top:8px;	width:235px;	background-color:#CADFE9;	float:right;}

o que tem de errado? consegui ajeitar o problema anterior, e esse, que parece ser mais simples, porque só tem 2 colunas, tá difícil... o div da lateral está ficando do lado direito (ok), mas abaixo da div principal...

[gitavares 0]

então? ninguém sabe? gente, essa é a primeira vez que estou tentando fazer o site todo em tableless.. preciso de ajuda...

[Chackan 0]

você poderia posicionar as duas divs absolutamente, mais acho que ficaria complicado pra você, mais seria uma maneira de solucionar.

agora, uma sujestão que vai ficar beleza, é:

 

#principal {	padding-left:9px;	padding-top:12px;	padding-right:20px;	padding-bottom:12px;	width:504px;	[b]float: left;	clear: left;[/b]}#lateral {	padding-left:10px;	padding-top:8px;	width:235px;	background-color:#CADFE9;	[b]float: right;[/b]}

coloca o float certinho e acrescenta o clear (Esta propriedade indica se um elemento permite a existência de elementos flutuantes ao seu redor.) e remova as propriedades margin.

 

:P

[gitavares 0]

Valeu gente! a princípio, fiz o que o rflky3 falou e funcionou direitinho! tô pegando agora esse esquema de tableless em um site mais complicado de finalizar e estou adorando a experiência! Chackan, vou testar isso que você falou também!valeu!p.s.: obrigada rflky3 pelo elogio do site :) depois vou fazê-lo com tableless também!

[micox 2]

beleza, após resolver seu problema, não se esqueça de dar uma limpada nesse código seu. Leia http://www.maujor.com/tutorial/divmania.php que irá entender o que to falando.

 

té mais...

[gitavares 0]

beleza! vou ler sim! eu tento deixar meus códigos os mais limpos possíveis! as vezes tem uma maneira mais simples de fazer, mas nao sei ainda. mas depois que aprendo, reorganizo tudo!