[Ovillo] Posicionamiento de capas

Sun, 02 Oct 2005 22:29:28 -0700 

Hola, tengo un problemilla que espero sea una chorrada para las grandes mentes 
pensantes de esta lista :), el caso es que tengo una página con con un menu a 
la izquierda y el contenido a la derecha, toda la página esta hecha para una 
resolución de 1024.
El problema es que cuando la resolución es inferior a 1024 en Iexplorer la capa 
del contenido se me pone debajo del menu mientras que en firefox simplemente me 
aparece la barra de scroll vertical que es lo que yo quiero. ¿Es un problema 
del Explorer? ¿Hay alguna forma de solucionarlo? ¿Me podeis decir además todos 
los fallos que he cometido en esta página :P?

Aquí os copio la página simplificadilla, en la versión completa me valida 
perfectamente y esas cosas en esta no se :)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Prueba posicionamiento</title>
<style>
#contenido_aplicacion {
    margin-left:10.5em;
        margin-right: 0; 
        margin-bottom: 12px;
    border: 1px solid #e4e4e4;
        font-family: Arial, Helvetica, sans-serif;
        color: #666666;
        padding: 5px;
        overflow:hidden;
        width: 790px;
        height: 400px;
        overflow: "\"}\"";
    \margin-left:1px;
}

#menu_aplicacion { 
        width: 160px;
        border-left: #d6d6d6 1px solid;
        border-right: #d6d6d6 1px solid;
        float: left;
        margin: 0 8px 0 0;
        background-color: #f7f6f0;
}
</style>
</head>

<body>
        <div id="aplicacion">
                
                <div id="menu_aplicacion">
                        <ul>
                                <li class="datos">
                                        <a class="txt07gr1"  
href="../../html/web/index.htm?ESTADO_MENU=1">
                                                <strong>Inicio</strong>
                                        </a>
                                </li>
                                <li class="datos">
                                        <a class="txt07gr1"  target='Nueva 
ventana'  href="../../html/web/novedades.htm?ESTADO_MENU=2">
                                                Novedades
                                        </a>
                                </li>   
                                <li class="datos">
                                        <span  class="txt07gr1">
                                                (c) ICM-2003
                                        </span>
                                </li>   
                        </ul>   
                </div>
                <div id="contenido_aplicacion">
                        <p class="linkGeo08gr4" style="text-align: 
justify">Bienvenido a la aplicación<br />
            <br /><img border="0" alt="Logo Comunidad de Madrid" 
src="../../images/portal/logocm.gif" width="32" height="31" /><br />
            <br />&nbsp;<br />
            <BR />Esta sería la primera página de la aplicación<BR />           
                </div>
        </div>
</body>
</html>

Un saludo y muchisimas gracias,
David del Amo Mateos

_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a