Ignacio Ricci escribió:
> 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
>>> _______________________________________________
>>> bloquedidactico
>>> 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
>>
>>
>
>
>
Hola a [EMAIL PROTECTED]:
Ignacio, gracias por la información, realice lo que me indicas, y
ahora se ve bien en ambos navegadores (en local todavía no lo he subido
al servidor).
Tengo un par de dudas en este código:
- Qué hace la clase .noBullet (en el Google encontré que elimina los
bullets de las listas) ya que no la pongo en el body , solo esta en el
CSS, a ser así afecta a todas las páginas de la Web.
- Cómo hago para que width de todos los bloquedidacticos sean
iguales, ya que solo abarcan la longitud del texto, he intentado
modificarlo pero no lo he conseguido.
Reitero mi agradecimiento.
--
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
