Espacio creado y no se de donde sale

Jamati · #1 (**permalink**) 14/06/2008, 16:29

Hola gente:

Este es mi codigo:

Código HTML:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {background:#F4F4F4;margin:0;}
ul {margin:0;padding:0;} 
li {list-style:none;}
div.general {width:500px;background:#FFFFFF;position:absolute;}
div.general ul.form li {float:left;}

</style>
</head>
<body>
<div class="general">
aaaaaaaaaaaaa
<form action="xxxxxx.htm" method="post" name="Consulta">
<ul class="form">
  <li><span>Nombre: </span></li>
  <li><input name="aaa" type="text" size="32" maxlength="35"></li>
</ul>
</form>
</div>
</body>
</html>

En FF está perfecto, pero en IE crea un espacio entre el texto "aaaaaa" y el siguiente renglón. Porque puede ser ?

Esto mismo se resuelve si quito la etiqueta que es un <form> ... porque ??

Desde ya muchas gracias
Saludos

Mikmoro · #2 (**permalink**) 14/06/2008, 17:30

Porque form tiene como muchos elementos un magen y un relleno predeterminados. Prueba añadiendo esto a la css:

form {margin:0;padding:0;}

Mikel.

Jamati · #3 (**permalink**) 14/06/2008, 20:51

Exactamente Mikmoro, el problema se soluciona como dijiste:
agregando un: form {margin:0;padding:0;}

Tema resuelto, muchas gracias !!