Jump to content


Photo

Simples, Mas Não Sei Fazer.


  • Faça o login para participar
5 replies to this topic

#1 André Marçal

André Marçal

    Novato no fórum

  • Usuários
  • 4 posts
  • Sexo:Não informado

Posted 17/11/2006, 08:56

Pessoal,

Bom dia.

O meu texto não fica com o mesmo alinhamento no IE e no FF.

Abaixo o código.
Simplifiquei com um exemplo bem simples para facilitar a explicação.

Valeu pessoal.

André M.

Código.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#texto {
position:relative;
width:200px;
height:115px;
z-index:1;
border: 2px solid #FF0000;
}
-->
</style>
</head>

<body>
<div id="texto">
<p>O texto aparece diferente no IE e FF </p>
</div>
</body>
</html>

#2 bdoweb

bdoweb

    Super Veterano

  • Usuários
  • 1641 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 17/11/2006, 10:34

Era só tirar a margem da tag p:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#texto {
	margin: 0px 0px 0px 0px;
	position:relative;
	width:200px;
	height:115px;
	z-index:1;
	border: 2px solid #FF0000;
}
#texto p {
	margin: 0px 0px 0px 0px;
}
-->
</style>
</head>

<body>
<div id="texto">
<p>O texto aparece diferente no IE e FF </p>
</div>
</body>
</html>

PS.: Movi para CSS
Quer ajuda seus amigo e ainda ganhar uma graninha?
Acesse agora mesmo http://yeapiz.com

#3 ph_Rodrigues

ph_Rodrigues

    Jesus, take me back !!!

  • Usuários
  • 322 posts
  • Sexo:Masculino
  • Localidade:Goiânia-GO

Posted 17/11/2006, 13:22

Para simplificar a retirada da borda:
margin: 0;

Pedro Henrique de M. Rodrigues <GO-Goiânia>

<----------- JESUS, O PÃO DA VIDA!!! ----------->

Zaplim - Soluções em Internet
Portal Veste Moda Brasil

#4 Andreia Regina

Andreia Regina

    Veterano

  • Conselheiros
  • 1347 posts
  • Sexo:Feminino
  • Localidade:PR
  • Interesses:PHP; MySQL; Javascript; CSS; tudo ligado ao desenvolvimento web.

Posted 17/11/2006, 14:37

Para simplificar a retirada da borda:

margin: 0;

Corrigindo:

Para simplificar a retirada da margem:
margin: 0;

Fórum WMO - Conselheira - Na equipe desde 31/01/2006.
Links importantes: Regras de conduta - Busca do fórum


#5 bimonti

bimonti

    Super Veterano

  • Usuários
  • 2654 posts
  • Sexo:Masculino

Posted 18/11/2006, 16:44

Uma questão meio estranho aqui no tópico do cara (desculpe) .. :P

É meio que uma mania usar as medidas sem definir qual para o browser assumir que é em px. Por enquanto os navegadores fazem isso, mas será que no futuro não será obrigatório definir a unidade de medida ?? Não seria uma boa prática já ir acostumando ?? :huh:
WebFórum - Equipe de Desenvolvimento - Monitor
Posted Image
Yeah I do have some stories, and it's true I want all the glory ...

#6 Andreia Regina

Andreia Regina

    Veterano

  • Conselheiros
  • 1347 posts
  • Sexo:Feminino
  • Localidade:PR
  • Interesses:PHP; MySQL; Javascript; CSS; tudo ligado ao desenvolvimento web.

Posted 20/11/2006, 09:22

Eu uso sempre mesmo que para o 0.

Fórum WMO - Conselheira - Na equipe desde 31/01/2006.
Links importantes: Regras de conduta - Busca do fórum





1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq