1 reply to this topic

[hostdesigner]

Eu estou fazendo um layout utilizando CSS, tudo ia muito bem até que chegou a hora do alinhamento...

Quando eu visualizo utilizando o IE aparece tudo normal, mas, quando eu vou visualizar no FF... hum... dá até dó! a coluna da direita sempre sai fora do layout.

Alguém tem alguma solução pra mim?


Veja no link abaixo o layout como ficou

http://www.videolog....us.com.br/novo/

O css está assim:

<style type="text/css">
<!--

#layout {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	width: 769px;
	border: 1px solid #CCCCCC;
	position: static;
	left: 25%;
}

#linhaSup {
	background-image: url(linhasHorizontais.gif);
	background-repeat: repeat-x;
	height: 25px;
	padding-top: 2px;
	padding-bottom: 5px;
}
#chamada {
	height: 173px;
	border: 1px dashed #CCCCCC;
	background-image: url(linhaTopoFundo.gif);
	background-repeat: repeat-x;
}

#espaco {
	height: 13px;
}

#linha {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#direita {
	width: 300px;
	float: right;
	margin: 2px;
}

#esquerda {
	width: 400px;
	float: left;
	margin: 3px;
	padding: 1px;
	text-align: left;
}

#rodape {
	width: 725px;
	height: 30px;
	background-color: #CCCCCC;
}

#busca {
	font-style: normal;
	width: 295px;
}

.campoB {
	width: 290px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border: 1px solid #000000;
	background-image: url(linhasHorizontais.gif);
	background-repeat: repeat-x;
}

#banner {
	border: 1px solid #CCCCCC;
	width: 300px;
	height: 50px;
	margin: 5px;
}

#caixa {
	width: 295px;
	border: 1px solid #CCCCCC;
	margin: 5px;
}

#player {
	margin: 5px;
}
-->
</style>

Falopa!

[Marciofbb]

Jah postei isso mas vou por aqui de novo pra te ajudar....

Tenta isso aqui e vê se dah cert....

Uso este Rack:


Coloca o mesmo atributo duas vezes, sendo que o segundo vc pões um underline para que o firefox naum interprete....

#nomedadiv {padding-top:10px /*Esse codigo é lido pelo Firefox*/
					 _padding-top:5px /*Esse é lido pelo IE*/
}

É, eu sei, é errado, mas as vezes temos que escrever errado pro IE entender certo

Espero ter ajudado...