2006/11/6, Maikel Naigt <[EMAIL PROTECTED]>: > > Hola Nidia. Veamos tus problemas tras tu solicitud de ayuda. > > On 11/3/06, Nidia Fernandez Martinez <[EMAIL PROTECTED]> wrote: > > > > Hola, > > > > Estoy trabajando en la siguiente web: > > http://www.efeyl.org/pruebas/EFEYLBATALLITAS/index.php > > > > En Firefox se ve perfectamente, tal y como debería verse según el código > > escrito. La estructura del sitio es más o menos así: > > > > <body> > > <div id="todo"> > > <div id="banner"></div> > > <div id="borde_cuadros"></div> > > <div id="menuycuerpo"> > > <div class="menu"></div> > > <div id="cuerpo"> > > <div class="contenedor"> > > <div class="texto"></div> > > </div> > > </div> > > <div id="pie"></div> > > </div> > > </div> > > </body> > > > > Sin embargo en IE ignora la capa "menuycuerpo" por completo. Se nota > > porque > > el menú no tiene separación con el banner, y el cuerpo está a otra > altura > > distinta. Además, no sé por qué misteriosas razones, no se dibujan los > > bordes superiores del contenido bien. Copio y pego aquí la hoja de > > estilos, > > por si a alguien le interesa: > > > El problema que te surge de que el menú te aparezca pegado a la cenefa de > cuadros superior se debe a que no le indicas ningún margen. Te pego la > parte > de la hoja de estilos más o menos por el final de la misma. > > /* common styling */ > ... > .menu ul {padding:0; margin:0;list-style-type: none; } > .menu ul li {float:left; position:relative; padding:0; margin:0;} > ... > > Evidentemente, estos 'margin:0' nos sobreescriben cualesquiera que hubiera > con anterioridad, haciendo que el bloque del menú este junto a la cenefa. > > En cuanto al segundo problema es un poco más complicado de comprender, y > está relacionado directamente con una propiedad 'Made in M$' denominada > 'hasLayout' [1] y que le indica al motor de IE cuándo un bloque es etéreo > como las nubes del anuncio de las compresas (valor false) y cuándo deberá > ser sólido y fuerte como la espada del Cid (valor true). Seguramente ya > hayas adivinado que tu bloque "fantasma" ha sido elegido como 'hasLayout' > en > 'false'. Necesitaremos pues revertir esta situación, aunque existe un > problemilla, y es que la propiedad 'hasLayout' no es 'escribible' si no > que > se sitúa en uno u otro estado dependiendo de las propiedades de estilo que > tenga asignado el bloque. Afortunadamente, M$ nos da una lista de estas > propiedades [2] para que elijamos la que más nos guste. Simplemente > deberás > poner una de estas propiedades en, por ejemplo, el bloque '#contenedor' > (prueba con 'display: inline-block' para ver el resultado) y problema > resuelto. > > [1] http://www.satzansatz.de/cssd/onhavinglayout.html > [2] > > http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/haslayout.asp > > Un saludo, > David Merino Ogando
Muchas gracias por la ayuda. El problema principal es que como relacionaba el fallo con ningún elemento de la página, no sabía por donde empezar a investigar. En cuanto tenga un rato lo pruebo y cuento el resultado. Un saludo :) -- ************************************ Nidia Fernández Martínez Alhana, Alhanita, Nahriah... http://alhanita.blogspot.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
