Foros del Web » Creando para Internet » CSS »

La lista se sale del DIV ¿Por que?

Estas en el tema de La lista se sale del DIV ¿Por que? en el foro de CSS en Foros del Web. Tengo una lista dentro de un DIV. En internet explorer se ve bien, pero en firefox, los puntos de cada elemento se sale de la ...
  #1 (permalink)  
Antiguo 24/04/2009, 05:51
Avatar de juanolo  
Fecha de Ingreso: abril-2008
Mensajes: 251
Antigüedad: 9 años, 7 meses
Puntos: 5
Pregunta La lista se sale del DIV ¿Por que?

Tengo una lista dentro de un DIV.
En internet explorer se ve bien, pero en firefox, los puntos de cada elemento se sale de la lista.
¿Por que? ¿Como puedo hacer para que se vea bien en ambos navegadores?

Os pongo una imagen donde se ve lo que me pasa...
i78.photobucket.com/albums/j88/lovelessboy8/divlistafallo.jpg
(No pongo enlace directo porque no me deja de momento el foro)

INDEX.PHP
Código PHP:
<body>
<div id="contenedor">
 <div id="cabecera"><?php include("cabecera.php"?></div>
 <div id="menu"><?php include("menu.php"?></div>
 <div id="contenido"><?php include("introduccion.php"?></div>
 <div id="pie"><?php include("pie.php"?></div>
</div>
MENU.PHP
Código PHP:
<li>INTRODUCCION</li>
<
ul class="lista_menu">
    <
li>Lenguajes de tipo cliente</li>
    <
li>Lenguajes de tipo servidor</li>
    <
li>Estandar W3C</li>
    <
li>Test acid2 y acid3</li>
</
ul>
<
hr />
<
li>HTML</li>
<
ul class="lista_menu">
    <
li>¿Que es y como se utiliza?</li>
    <
li>Guia rapida</li>
    <
li>Estructura basica</li>
    <
li>Texto</li>
    <
li>Enlaces</li>
    <
li>Imagenes</li>
    <
li>Tablas</li>
    <
li>Divisiones</li>
    <
li>Listas</li>
    <
li>Formularios</li>
</
ul>
<
hr /> 
ESTILO.CSS
Código css:
Ver original
  1. /*ID del DIV que contendra y centrara la pagina*/
  2. #contenedor { width:950px;margin:auto;}
  3. /*ID DIV menu*/
  4. #menu
  5. {
  6.     background:#FFC;
  7.     float:left;
  8.     width:200px;
  9. }
  10. /*ID DIV Contenido*/
  11. #contenido
  12. {
  13.     background:#990000;  
  14.     float:left;
  15.     width:750px;
  16.     height:100%;
  17. }
  18. /*CLASE estilo lista del menu*/
  19. .lista_menu
  20. {
  21.     list-style-type: decimal;
  22.     font-family: Verdana, Geneva, sans-serif;
  23.     font-size: 12px;
  24. }
  #2 (permalink)  
Antiguo 24/04/2009, 07:41
 
Fecha de Ingreso: febrero-2009
Mensajes: 580
Antigüedad: 8 años, 10 meses
Puntos: 13
Respuesta: La lista se sale del DIV ¿Por que?

Creo que deberías poner todos los <li> (list item) dentro de <ul> (lista sin orden), pues son lo que se te salen, prueba así

Cita:
<ul class="lista_menu">
<li>INTRODUCCION</li>
<ul class="lista_menu">
<li>Lenguajes de tipo cliente</li>
<li>Lenguajes de tipo servidor</li>
<li>Estandar W3C</li>
<li>Test acid2 y acid3</li>
</ul>
<hr />
<li>HTML</li>
<ul class="lista_menu">
<li>¿Que es y como se utiliza?</li>
<li>Guia rapida</li>
<li>Estructura basica</li>
<li>Texto</li>
<li>Enlaces</li>
<li>Imagenes</li>
<li>Tablas</li>
<li>Divisiones</li>
<li>Listas</li>
<li>Formularios</li>
</ul>
</ul>
a ver que tal
  #3 (permalink)  
Antiguo 24/04/2009, 09:35
 
Fecha de Ingreso: octubre-2008
Mensajes: 17
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: La lista se sale del DIV ¿Por que?

yo probaría a darle un tamaño al <ul> para que quepa dentro del div.
también te recomiendo que te instales el complemento firebug o el webdevoloper en el firefox para solucionar problemas de todo tipo
  #4 (permalink)  
Antiguo 25/04/2009, 11:03
Avatar de juanolo  
Fecha de Ingreso: abril-2008
Mensajes: 251
Antigüedad: 9 años, 7 meses
Puntos: 5
Respuesta: La lista se sale del DIV ¿Por que?

Gracias por la ayuda ^^ funciono la solucion de Bam y las utilidades que me recomiendas Fran00 estan muy bien.

Un saludo!
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 13:10.