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.