Ver Mensaje Individual
  #15 (permalink)  
Antiguo 20/06/2011, 11:01
Avatar de 00israel
00israel
 
Fecha de Ingreso: enero-2002
Ubicación: madrid
Mensajes: 636
Antigüedad: 22 años, 3 meses
Puntos: 5
Respuesta: linea horizontal "interminable"?

Muchas gracias venommist. Justamente ahora que me contestas, hoy he encontrado exactamente lo que me has dicho tu ahora aqui. Un condicional que funcione para IE.

Y consiste en esto: Para solucionar el problema del margen en el IE, hay que meter una cifra de 7px negativos en el margin y añadirle una linea de diplay en bloque. Es decir:

Código:
hr {
	width: 100%;
	clear: both;
	background-color: #cccccc;
	height: 1px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin: -7px 0;
	padding: 0px;
        display: block;
}
pero esto tiene un inconveniente y es que no funciona bien en el resto de navegadores. Con lo que entra en juego la codicional que seria algo asi:

Código:
<!--[if IE]>
  <link href="css/layout_ie.css" media="all" rel="stylesheet" type="text/css" />
<![endif]-->
Hay que crear dos hojas de estilo una con el margen normal "layout.css" y otra con el margen negativo: "layout_ie.css". Y listo calisto.

Aqui dejo el enlace donde lo he encontrado. Esta en ingles pero se entiende muy bien todo: http://en.blog.improveit.com.br/arti...-a-case-solved


gracias y hasta la próxima