Foros del Web » Creando para Internet » CSS »

Margenes con IE

Estas en el tema de Margenes con IE en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 03/01/2006, 10:24
Avatar de Seppo  
Fecha de Ingreso: marzo-2005
Ubicación: Buenos Aires, Argentina
Mensajes: 1.284
Antigüedad: 12 años, 8 meses
Puntos: 17
Margenes con IE

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

Última edición por Seppo; 03/01/2006 a las 10:47
  #2 (permalink)  
Antiguo 03/01/2006, 10:46
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
Hola

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

Felicidad
__________________
¡ hey, hou, hou, hey !
  #3 (permalink)  
Antiguo 03/01/2006, 10:47
Avatar de Seppo  
Fecha de Ingreso: marzo-2005
Ubicación: Buenos Aires, Argentina
Mensajes: 1.284
Antigüedad: 12 años, 8 meses
Puntos: 17
No realmente... Simplemente me olvidé de eliminar la línea, pero el error ocurre igual sin las classes.
Ahora edito y borro eso
  #4 (permalink)  
Antiguo 03/01/2006, 11:31
Avatar de Seppo  
Fecha de Ingreso: marzo-2005
Ubicación: Buenos Aires, Argentina
Mensajes: 1.284
Antigüedad: 12 años, 8 meses
Puntos: 17
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> 
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:54.