Ajuste a resoluciones

enriqueBr · #1 (**permalink**) 19/07/2010, 17:15

Me he pasado por el FAQ y demás y he llegado a la conclusión de que necesito un fondo y ponerle cajas de texto. Pero en diferentes resoluciones no funcionan muy bien. Se corren las cosas en diferentes compus y queda muy diferente. EL código lo saqué de los mismos faqs y lo trate d amoldar pero realmente no me funca.

Estoy al borde la desesperacioooonnn.. aver si alguien me echa la mano acá le dejo el código.

Código HTML:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> congreso MKT </title>
<meta http-equiv="imagetoolbar" content="no" />
<style type="text/css">
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
body {font-family:verdana, arial, sans-serif; font-size:76%;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller {
	position:absolute;
	width:100%;
	height:100%;
	top:1px;
	left:2px;
	overflow:auto;
	z-index:2;
} 
#content {padding:5px 300px 20px 200px;}
p {line-height:1.8em; letter-spacing:0.1em; text-align:justify;}
#fixed {position:absolute; top:25px; left:10px; width:150px; z-index:10; color:#567; border:1px solid #000; padding:10px;}
</style>
	<style type="text/css" media="all">
	body {
		texl-align:center;
	}
	#contenedor {
		margin:0 auto;
		width: 98%;
		padding:5px 0;
		border:1px solid #ccc;
	}
	
	</style>
<script>
	function valida_envia(){
    //valido el nombre
    if (document.fvalida.usuario.value.length==0){
       alert("Tiene que escribir su nombre")
       document.fvalida.usuario.focus()
       return 0;
    }

    //valido la edad. tiene que ser entero mayor que 18

    //valido el inter�s
    if (document.fvalida.contrasenia.value.length==0){
       alert("Debe poner una contrasenia")
       document.fvalida.contrasenia.focus()
       return 0;
    }

    //el formulario se envia
    document.fvalida.submit();
} 
</script>
</head>

<body>

<div>
<img id="background" src="./imgs/Acceso.gif" alt="" title="" /> 


</div>
<div id="scroller">
<div id="content">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<form name='fvalida' action="validar.php" method="POST">
    <p><br>
      <input name="usuario" type="text" size="20" maxlength="50">
      </p>
    <p>
      <input name="contrasenia" align="right" type="password" size="20" maxlength="50">
      <br><br><br><br>
    </p>
    <td colspan="2" align="center"><img src="./imgs/ENTRAR.gif" width="143" onClick="valida_envia()" value="ENTRAR"></td>
	


</form>

</div>
</div>

</body>

</html>

Gracias!

jomaruro · #2 (**permalink**) 20/07/2010, 15:53

Hola:

Supongo que te referirás a centrar el formulario. Dale un ancho al div content y asígnale un margin: 0 auto.

Evita los <br>, ajusta las posiciones con padding.

Saludos.