Margenes con IE

Seppo · #1 (**permalink**) 03/01/2006, 10:24

Buenas

Estoy haciendo una página, que en FF se veía bien, pero la pruebo con IE y no me respeta los márgenes.
Dejo el código a ver si alguien me ayuda para que funcione en ambos.

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <title>
      Prode Mundial 2006
    </title>
    <meta http-equiv="Content-Type" content=
    "text/html; charset=iso-8859-1">
  </head>
  <body>
  <div id="ppal" style="font-size:18px ">
	<div style="font-family:Victorian,Arial; font-size:36px">Cont&aacute;ctenos</div><br/>
	<form action="contactenos.php" method="post">
	<div style="margin:0px 0px 0px 0px; width:200px; position:absolute; text-align:right ">Nombre</div>
	<div style="margin:24px 0px 0px 0px; width:200px; position:absolute; text-align:right ">Mail</div>
	<div style="margin:48px 0px 0px 0px; width:200px; position:absolute; text-align:right ">Comentario</div>
	<div style="margin:260px 0px 0px 220px; position:absolute; text-align:center "><input type="submit" name="submit" value="Enviar comentario" style="width:160px; "></div>
	<div style="margin:0px 0px 0px 220px; width:200px; position:absolute; "><input type="text" name="nombre" value=""></div>
	<div style="margin:24px 0px 0px 220px; width:200px; position:absolute; "><input type="text" name="mail" value=""></div>
	<div style="margin:48px 0px 0px 220px; width:360px; position:absolute; "><textarea style="width:99%; height:200px; 	border-style:hidden; padding:1px 1px 1px 0px; margin:4px 2px 8px 2px; overflow:scroll"></textarea></div>
	</form>
  </div>
  </body>
</html>

Muchas gracias

PatomaS · #2 (**permalink**) 03/01/2006, 10:46

Hola

Sin saber que contiene la hoja de estilo es más difícil ayudarte.

Felicidad

Seppo · #3 (**permalink**) 03/01/2006, 10:47

No realmente... Simplemente me olvidé de eliminar la línea, pero el error ocurre igual sin las classes.
Ahora edito y borro eso

Seppo · #4 (**permalink**) 03/01/2006, 11:31

Lo solucioné con _margin, de acuerdo a http://desaweb.forosdelweb.com/showthread.php?t=361153

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 

"http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>  Prode Mundial 2006 

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

</head> <body> <div id="ppal" style="font-size:18px "> <div 

style="font-family:Victorian,Arial; font-size:36px">Cont&aacute;ctenos</div><br/> <form 

action="contactenos.php" method="post"> <div style="margin:0px 0px 0px 0px; width:200px; 

position:absolute; text-align:right ">Nombre</div> <div style="margin:24px 0px 0px 0px; 

width:200px; position:absolute; text-align:right ">Mail</div> <div style="margin:48px 

0px 0px 0px; width:200px; position:absolute; text-align:right ">Comentario</div> <div 

style="margin:260px 0px 0px 220px;
_margin:260px 0px 0px 106px; 
position:absolute; text-align:center "><input type="submit" name="submit" value="Enviar 

comentario" style="width:160px; "></div> <div style="margin:0px 0px 0px 220px; 
_margin:0px 0px 0px 106px; 
width:200px; position:absolute; "><input type="text" name="nombre" value=""></div> <div 

style="margin:24px 0px 0px 220px; width:200px; position:absolute; 
_margin:24px 0px 0px 106px; 
"><input type="text" name="mail" value=""></div> <div style="margin:48px 0px 0px 220px; 
_margin:48px 0px 0px 106px; 
width:360px; position:absolute; "><textarea style="width:99%; height:200px; 

border-style:hidden; padding:1px 1px 1px 0px; margin:4px 2px 8px 2px; 

overflow:scroll"></textarea></div> </form> </div> </body> </html>