6 replies to this topic

[silici0]

site é http://www.kcerimonial.com.br/aplam/

O erro esta quando visualizado no I.E.

Codigo Xhtml:

<div id="Quadro1">
				<div class="esq-super"></div>	
				<div class="super"></div>
				<div class="esq"></div>				 
<div class="TEXTO"></div>
			</div>

Quadro 1 será o quadro aonde os cantos e texto estao contido...

esq-super = Superior esquerdo (CANTO)
super = Superior (barra de cima)
esq = barra da esquerda
texto = caixa aonde vou fomartar o texto.. ;P

Codigo em CSS:

#Quadro1{
/*	height:0px; */
	width:276px;
/*	position:relative; */
	margin: 0;	
}



.esq-super {
	background: url("../img/esquerdo_superior.gif") no-repeat;
	float: left;
	height: 10px;
	width: 8px;
	margin: 0;
	padding: 0;
}

.super {
	background: url("../img/superior.gif") no-repeat;
	float: right;
	height: 10px;
	width:268px;
	margin: 0;
	padding: 0;	
}

.esq {
	background: url("../img/esquerdo.gif") no-repeat;
	float:left;
	height:181px;
	width:8px;	
	margin: 0;
	padding: 0;
}

Qualquer opinião é bem vinda .. hehehe

Abraços

Edição feita por: silici0, 08/01/2007, 07:38.

[Micox]

Coloque também padding:0 no Quadro1.

[silici0]

Vou te dizer que não funcionou, eu não entendo porque no I.E. não funciona...

Seila se der pra fazer de outra maneira, preciso de novas idéias... O_o hehe
Ja to ficando doido com isso.. ;P

Existem alguma ferramenta do tipo a barra de WebDeveloper do firefox pro ie?

Abraços

[sky]

coloque no inicio do seu css sempre:

* {
margin:0;
padding:0;
}

se nao funcionar, crie valores diferentes pro ie com comentarios condicionais (google it)

[silici0]

É...

Não funciono, porque desse ?

* {
margin:0;
padding:0;
}

Bom vou ter que procurar ie hacks mesmo... microsoft sux.. bleh hehe

Assim que resolver coloco aqui a solução.

Abraços

[Allan Carvalho]

E aí! Beleza?

Esse IE né... Sempre precisando de gabiarras. ^^

Bom o problema é que ele seta um padrão de tamanho fonte na página e torna isso importante.

Aí é que está o problema.

Ah, também teve alguns problemas de CSS.

Olha só:

<style>
#Quadro1{
width: 276px;
margin: 0;
padding: 0;
}
.esq-super {
font-size: 1px;
background-image: url(../img/esquerdo_superior.gif);
background-repeat: no-repeat;
float: left;
width: 8px;
height: 10px;
}

.super {
font-size: 1px;
background-image: url(../img/superior.gif);
background-repeat: no-repeat;
float: left;
width: 268px;
height: 10px;
}

.esq {
font-size: 1px;
background-image: url(../img/esquerdo.gif);
background-repeat: no-repeat;
float: left;
height: 181px;
width: 8px;
}
.texto {
float: left;
height: 181px;
}
</style>
<div id="Quadro1">
<div class="esq-super"></div>
<div class="super"></div>
<div class="esq"></div>
<div class="texto">Olá!</div>
</div>

Pronto!

Agora cross-browser.


Até mais!



Allan Carvalho

[silici0]

Nossa, resolveu meu problema. Agora as coisas começam a fazer sentido...

Valeu pela dica...

Abraços