Por qué esto no funciona en Internet Explorer 6?

luciano_che · #1 (**permalink**) 05/12/2010, 15:32

Hola, hace un tiempo que estoy diseñando un sitio web y me encontré con un problema que no logro entender.

En Internet Explorer 6 el siguiente código (un código por demás de simple) produce un extraño error, aparentemente es un bug de IE6, ya que en los demás navegadores no me ocurre.

Hace que una simple lista desordenada con H4's en su interior se desacomode de la siguiente manera:

Codigo:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Titulo</title>
		<style type="text/css">
			li {
				padding: 1px;
				border-left: 1px black solid;
			}
		</style>
	</head>
	<body>
		<ul>
			<li><h4>A</h4></li>
			<li><h4>A</h4></li>
			<li><h4>A</h4></li>
			<li><h4>A</h4></li>
			<li><h4>A</h4></li>
			<li><h4>A</h4></li>
			<li><h4>A</h4></li>
			<li><h4>A</h4></li>
			<li><h4>A</h4></li>
			<li><h4>A</h4></li>
		</ul>
	</body>
</html>

Además, aunque sólo deje las etiquetas style y la lista ul, el error sigue ocurriendo.

Muchas gracias, espero su ayuda

raxper · #2 (**permalink**) 06/12/2010, 05:51

border-left: 1px black solid;

Da estilo a todo <ul><li><h4>A</h4></li></ul>, es obvio que tmb A va surgir efecto.

luciano_che · #3 (**permalink**) 07/12/2010, 20:01

No entiendo qué quieres decir, border-left: 1px black solid; sólo está aplicado a los elementos de tipo li

Portgaz · #4 (**permalink**) 07/12/2010, 21:00

Como te dijeron, dale el estilo a todo:

Código CSS:

Ver originalul {
padding: 1px;
border-left: 1px black solid;
}
 
ul li {
padding: 1px;
border-left: 1px black solid;
}
 
ul li h4 {
padding: 1px;
border-left: 1px black solid;
}

Saludos

luciano_che · #5 (**permalink**) 08/12/2010, 22:54

Sigo sin entender, si le aplico los estilos a los tres elementos se ve así:

Vuelvo a explicar lo que veo y no logro entender:

Cada elemento está mas a la derecha que el anterior, es como una cascada que se ve.

Saludos

rrodher · #6 (**permalink**) 09/12/2010, 00:30

Hola, prueba añadiendo esto al estilo:

display:inline;

Saludos