Problema con margenes de HR en Internet Explorer

zsamer · #1 (**permalink**) 15/01/2007, 17:28

Hola,

No encuentro la forma de eliminar los margenes de la etiqueta HR en internet explorer.

Dejo el codigo:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>footerStick - Footer sticks to bottom of page</title> 
 
<style> 
<!-- 
div { 
background: green;  
color: white; 
margin: 0; 
padding: 0; 
} 
 
p { 
background: red;  
color: white; 
margin: 0; 
padding: 0; 
} 
 
hr { 
height: 1px; 
margin: 0; 
padding: 0; 
color: #999; 
background-color: #999; 
border: none; 
line-height: 0px; 
} 
--> 
</style> 
 
</head> 
 
<body> 
 
<div> 
 
<p>texte</p> 
<hr /> 
<p>texte</p> 
</div> 
 
</body> 
</html>

Alguien sabe la solución.

salu2

Mikmoro · #2 (**permalink**) 15/01/2007, 19:04

Yo diría que no se puede. Lo más parecido:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>footerStick - Footer sticks to bottom of page</title>
  <style>
<!--
div {
background: green;
color: white;
margin: 0;
padding: 0;
}
p {
background: red;
color: white;
margin: 0;
padding: 0;
}
.linea {
font-size: 1px;
height: 1px;
background-color: #808080;
}
-->
  </style>
</head>
<body>
<div>
<p>texte</p>
<div class="linea">&nbsp;
</div>
<p>texte</p>
</div>
</body>
</html>

Mikel

Nefertiter · #3 (**permalink**) 15/01/2007, 23:23

y si primero le eliminas los margenes al body... te fijaste q pasa?

zsamer · #4 (**permalink**) 16/01/2007, 06:23

Cita:

Iniciado por Nefertiter

y si primero le eliminas los margenes al body... te fijaste q pasa?

nada, ya lo probé.

gracias.

metacortex · #5 (**permalink**) 18/01/2007, 06:54

Ayer estuve haciendo unas pruebas que me dieron buen resultado en Fierfox y Opera, pero IE separa los HR sin importar lo que uno haga. La solución fue darle una clase a un div utilizándolo como HR, y además agregando <hr /> en la página, al tiempo de que en el CSS de daba un display-none; esto para la visualización sin CSS.

Saludos.