Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Leonardo Peixoto

Problema com CSS e navegadores

Por , em Desenvolvimento frontend

Recommended Posts

Leonardo Peixoto    0

Leonardo Peixoto
Postado

Pessoal, estou desenvolvendo um site com formularios e utilizando CSS com divs e etc...

 

Porém em um navegador os forms ficam perfeitos (IE9), mas quando vejo no chrome os campos ficam mais para baixo ou coisa do tipo e no Firfox, a DIV de fundo nem aparece.Ja tentei usar alguns doctype da net mas não adianta.

 

Alguém teria um que funcione pra todos os navs ? ou algum macete pra ajeitar isso ?

 

Agradeço desde já.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Leonardo Peixoto    0

Leonardo Peixoto
Postado

Vamos ver o que tem de errado no seu codigo. Seria possivel postar um link ou o codigo aqui?

 

 

Então, este é o código da página de cadastro:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">


<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Formulário Cadastro</title>
</head>

<div style="position:absolute; top: 50px; left: 340px; z-index: 0"><img src="images\painel_cadastro4.png"></div>


<style type="text/css">#nome{
background: #F5DEB3;
border: none;
} 
</style>

<style type="text/css">#sobrenome{
background: #F5DEB3; 
border: none;
} 
</style>

<style type="text/css">#email{
background: #F5DEB3;
alt: "o mesmo ";
border: none; 
} 
</style>

<style type="text/css">#txtusuario{
background: #F5DEB3; 
border: none;
} 
</style>
<div style="position: absolute; top: 229px; left: 390px">
<pre>
<form name="cadastro" method="post" action="cadastrar.php">

<center>

Nome            <input name="nome" type="text" size="24" id="nome" style=""onmouseover="this.style.backgroundColor='#FFFACD';"
onmouseout="this.style.backgroundColor='#F5DEB3'"" value="<?php echo $nome; ?>" /><br />

Sobrenome       <input name="sobrenome" type="text" size="24" id="sobrenome" style=""onmouseover="this.style.backgroundColor='#FFFACD';"
onmouseout="this.style.backgroundColor='#F5DEB3'"" value="<?php echo $sobrenome; ?>" /><br />

Email           <input name="email" type="text" size="24" id="email" style=""onmouseover="this.style.backgroundColor='#FFFACD';"
onmouseout="this.style.backgroundColor='#F5DEB3'"" value="<?php echo $email; ?>" /><br />

Usuário <input name="usuario" type="text" size="24" id="txtusuario" style=""onmouseover="this.style.backgroundColor='#FFFACD';"
onmouseout="this.style.backgroundColor='#F5DEB3'"" value="<?php echo $usuario; ?>" /><br />

<input type="submit" name="Submit" value="Registrar-se" /> <br />

</center>
</form>

<script language="javascript" src="script.js" type="text/javascript"></script>

</head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<body>

<table cellpadding="2" cellspacing="0" width="50%">

<form action="processar.php" method="post" onsubmit="setarCampos(this); enviarForm('processar.php', campos, 'divResultado'); return false;"> 

<div style="position: absolute; top: 260px; left: 210px"><input type="submit" value="Ver Habbo"></div>

</form>

</table>

<div style="position: absolute; top: 181px; left: 298px"><div id="divResultado"/></div>

<script>

//Cria a função com os campos para envio via parâmetro

function setarCampos() {

campos = "txtusuario="+encodeURI(document.getElementById('txtusuario').value);

}
</script>

</pre>
</div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Evandro Oliveira    331

Evandro Oliveira
Postado

Há muita marcação incorreta aí.

 

Procure separar as camadas, colocar tudo que está em style em um arquivo CSS externo para facilitar a organização.

 

Você colocou DIV e FORM dentro de HEAD. Fez uso de TAG's de apresentação obsoletas além da marcação estar aninhada incorretamente - abre head, abre pre, fecha head (?)

 

Falta simplesmente o básico aí. Pra depois disso começar a funcionar direito.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diéssica    140

Diéssica
Postado

Há muita marcação incorreta aí.

 

Procure separar as camadas, colocar tudo que está em style em um arquivo CSS externo para facilitar a organização.

 

Você colocou DIV e FORM dentro de HEAD. Fez uso de TAG's de apresentação obsoletas além da marcação estar aninhada incorretamente - abre head, abre pre, fecha head (?)

 

Falta simplesmente o básico aí. Pra depois disso começar a funcionar direito.

 

Acrescentando:

Valide seu código para arrumar esses erros http://validator.w3.org/

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito