Foros del Web » Creando para Internet » HTML »

Por qué esto no funciona en Internet Explorer 6?

Estas en el tema de Por qué esto no funciona en Internet Explorer 6? en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 05/12/2010, 15:32
 
Fecha de Ingreso: diciembre-2007
Ubicación: Rosario
Mensajes: 65
Antigüedad: 10 años
Puntos: 2
Por qué esto no funciona en Internet Explorer 6?

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
  #2 (permalink)  
Antiguo 06/12/2010, 05:51
Avatar de raxper  
Fecha de Ingreso: enero-2010
Ubicación: ------
Mensajes: 472
Antigüedad: 7 años, 11 meses
Puntos: 2
Respuesta: Por qué esto no funciona en Internet Explorer 6?

border-left: 1px black solid;

Da estilo a todo <ul><li><h4>A</h4></li></ul>, es obvio que tmb A va surgir efecto.
__________________
/^sleep:\/\//;
  #3 (permalink)  
Antiguo 07/12/2010, 20:01
 
Fecha de Ingreso: diciembre-2007
Ubicación: Rosario
Mensajes: 65
Antigüedad: 10 años
Puntos: 2
Respuesta: Por qué esto no funciona en Internet Explorer 6?

No entiendo qué quieres decir, border-left: 1px black solid; sólo está aplicado a los elementos de tipo li
  #4 (permalink)  
Antiguo 07/12/2010, 21:00
 
Fecha de Ingreso: diciembre-2010
Ubicación: en el fin del mundo
Mensajes: 199
Antigüedad: 7 años
Puntos: 3
Respuesta: Por qué esto no funciona en Internet Explorer 6?

Como te dijeron, dale el estilo a todo:

Código CSS:
Ver original
  1. ul {
  2. padding: 1px;
  3. border-left: 1px black solid;
  4. }
  5.  
  6. ul li {
  7. padding: 1px;
  8. border-left: 1px black solid;
  9. }
  10.  
  11. ul li h4 {
  12. padding: 1px;
  13. border-left: 1px black solid;
  14. }

Saludos
  #5 (permalink)  
Antiguo 08/12/2010, 22:54
 
Fecha de Ingreso: diciembre-2007
Ubicación: Rosario
Mensajes: 65
Antigüedad: 10 años
Puntos: 2
Respuesta: Por qué esto no funciona en Internet Explorer 6?

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
  #6 (permalink)  
Antiguo 09/12/2010, 00:30
Avatar de rrodher  
Fecha de Ingreso: noviembre-2010
Mensajes: 3
Antigüedad: 7 años, 1 mes
Puntos: 0
Respuesta: Por qué esto no funciona en Internet Explorer 6?

Hola, prueba añadiendo esto al estilo:

display:inline;

Saludos

Etiquetas: explorer, internet
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 04:45.