Amigo tenias todo mal anidado y semanticamente incorrecto. Firefox fue santo
al mostrarlo tan bien x D
----------------------------------------------------------------
Chequea este XHTML que es crossbrowser (hice solo 1 ejemplo):
<div id="economia-1">
<div id="contenido">
<ol>
<li class="bloquedidactico">
<em>Actividad económica y sistemas económicos.</em>
<ol>
<li class="unidaddidactica">
<em>El problema básico de la economía.</em>
<ol>
<li>La economía y vida cotidiana.</li>
<li>La escasez de recursos y la necesidad de
elegir. </li>
<li>Los distintos tipos de necesidades.</li>
<li>Los bienes y servicios que satisfacen
necesidades.</li>
<li>Cómo elegir en economía.</li>
<li>Los modelos económicos y su
lenguaje.</li>
</ol>
</li>
</ol>
</li>
</ol>
</div>
</div>
---------------------------------------------------------------------------------------------
Agregar / Modificar en el CSS:
#contenido ol {margin:1.2em 1.2em 0.05em 3.5em; list-style:decimal;}
.noBullet {list-style:none;}
.bloquedidactico {font-size:1.4em; font-weight:bold; color:#ff0000;
margin-top:2em;}
.bloquedidactico em {font-style:normal; background-color:#73f6f5;
padding:0.25em;
width:35em; border:0.0625em double #000;}
.bloquedidactico ol li em {background:none; border:none; padding:0;
width:auto;}
.bloquedidactico ol {color:#000; font-size:0.9em; font-weight:normal;}
.bloquedidactico ol li {font-size:1em;}
.bloquedidactico ol li ol li {font-size:0.9em;}
----------------------------------------------------------------------------
Aplicalo para el resto de los elementos y ya ta :D
2008/7/15 "José Manuel (EB8CXW)" <[EMAIL PROTECTED]>:
>
> jop escribió:
> > hola Jose Manuel, como bien te dicen el problema esta en el anidamiento
> de
> > listas, entre los Li principales metes otra lista como bloque , no
> anidada,
> > de ahi que IE te pinte las listas por completo, un ejemplo muy simple lo
> > tienes en http://www.aulaclic.es/html/a_3_3_1.htm
> > pregunta a Google por "listas anidadas" encontraras mogollón de ejemplos.
> >
> > Aunque creo que tambien deberias revisar tu Css o revisarla con mas
> > detenimiento,no creo que te hagan falta tantos parches como
> >
> > #div-7{
> > visibility: visible;
> > background-color: transparent ;
> > margin: 5em 10em 11em 3em ;
> > text-align: justify ;
> > color: #000000 ;
> > }
> > html>body #div-7{
> > margin: 5em 10em 11em 3em ;
> > }
> > #div-8{
> > visibility: visible;
> > background-color: transparent ;
> > margin: 7em 0 2em 0 ;
> > text-align: justify ;
> > color: #000000 ;
> > }
> > html>body #div-8{
> > margin: 7em 0 2em 0 ;
> > }
> >
> > quizas podrias poner un *!important; *en fin yo revisaria el anidado y
> > suerte.
> >
> > Saludos
> > Jaume
> > _______________________________________________
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a [email protected]
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
> >
> >
> Hola a [EMAIL PROTECTED]:
>
> Job, los parches son para la página principal, porque no conseguía que
> div (que van de dos en dos) se pusieran al mismo nivel en el horizontal,
> seguro que se puede hacer mejor, pero después de hacer varias pruebas,
> de mirar en el Google (suelo utilizarlo antes de preguntar, pero en esto
> tengo un problema no me defiendo muy bien con el inglés, y la mayoría de
> las páginas de programación están en Inglés), lo que me funciono es
> poner los parches.
>
> Volviendo al tema de mi pregunta, indique en mi mensaje que como esta
> realizado se veía bien en Firefox, pero en el IE se veía mal, el
> background-color, que tengo dentro de los bloques didácticos se
> extienden a las unidades didácticas.
> Todos las etiquetas <li> y <ol> están cerrados con su correspondiente
> </li> y <ol> respectivamente.
> Si le quito el CSS, se ve bien la estructura de las listas anidadas en
> html, en ambos navegadores.
>
> La estructura de listas es la siguiente: una lista ordenada con 10
> <li> , y cada uno de ellos tiene otra lista ordenada conteniendo entre 1
> y 4 <li>, y cada uno de estos <li> tiene otra lista ordenada, con varios
> <li>.
>
> *Lo que quiero es que se vea en ambos navegadores, como se ve en Firefox.*
>
> Espero vuestra ayuda. y reitero mi agradecimiento, aunque lo que quiero
> no se pueda conseguir.
>
> --
> Un saludo,
> José Manuel
> Gran Canaria/España
>
> Si vas a escribir.. piensa en esto:
> no digas nada que no sea mas precioso que el silencio!!!
>
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
--
↓ Ignacio Ricci
www.ignacioricci.com
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
