3 replies to this topic

[CrAsh_OveRride]

Olá galera,

To montando um layout em tableless, e precisei colocar 3 divs lado a lado. o cadigo é esse:

 <div id="coluna1">a</div>
 	 <div id="coluna3">b</div>
 	 <div id="coluna2">c</div>

#coluna1 {
	width: 194px;
	height:300px;
	margin: 0px 0px 0px 0px;
	padding-left:8px;
	background-image: url(img/bg_coluna1.png);
	background-repeat:repeat-y;
	background-position:right;
	float:left;
}
#coluna2 {
	width:100px;
	height:200px;
	margin-left:202px;
	background-image: url(img/bg_coluna2.png);
	
}
#coluna3 {
	width: 174px;
	height:300px;
	margin: 0px 9px 0px 0px;
	background-image: url(img/bg_coluna3.png);
	float:right;
	background-position:right;
}

O problema é que no FF fica perfeito, e no IEca a div 2 ganha um espacamento de cerca de 5px da div 1! Ja to ficando loko com isso, e preciso desse layout pra ontem... será que alguém tem ideia do q pode ser?

EU ODEIO O IECA! Sempre atrasa pra fazer um layout...

Desde ja agradeço a ajuda de voces...

Abraços!

[Alex Hiroshi]

Da um float:left no meio para ver..

[Nicholas Pufal]

mesma coisa cmg... IE tem mania de mudar a posição das coisas!

[Jane Orwell]

Salve!

é vero... IE atrapalhando sempre... Mas há uma solução simples:

colocando o underline antes de qq declaração no css, faz com que tal coisa só seja lida pelo IE.

daí, só colocar:

#coluna2 {
width:100px;
height:200px;
margin-left:202px;
_margin-top:0px;
background-image: url(img/bg_coluna2.png);

}

(coloquei como -top só como um exemplo, vai mudando até chegar a um resultado bom)

Era isso?
Qq coisa, poste.

Bjs

Edição feita por: Jane Orwell, 07/01/2006, 21:06.