Hola nuevamente Nuria:
He probado lo que me mandas y en IE funciona a la perfección, o sea los DIV se 
expanden cuando tienen que hacerlo y todo pero en FF no funciona. Lo he probado 
con una maqueta que estoy haciendo y aquí te mando el código. Si puedes 
pruébalo en Firefox y en IE para que veas lo que te trato de decir. 

<!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"; xml:lang="sp" lang="sp">
<head>
<title>Portal de Simuladores y Realidad Virtual</title>
<meta http-equiv="Content-Type" content="text/html charset=iso-8859-1" />
        
<link type="text/css" rel="stylesheet" href="themes/simpro/css/style.css" />
<!--[if lt IE 7]><script defer type="text/javascript" src="<?php echo 
base_url() . 'assets/pngfix.js'; ?>"></script><![endif]-->
</head>
<body>
        <div id="contenedor">
                <div class="posicionador">
                        <div id="header">&nbsp;</div>
                        <div id="login">&nbsp;</div>
                </div> <!-- Posicionamiento Cabecera -->
                <div class="posicionador">
                        <div id="contenido_izquierdo">
                                Contenido izquierdo
                        </div> <!-- Izquierda -->
                        <div id="contenido_derecho">
                                Contenido derecho
                        </div> <!-- Derecha -->
                </div> <!-- Nivel Central -->
                <div class="posicionador">
                                Pie de página
                </div>  <!-- Footer/Pie de Página -->
        </div>
</body>
</html>

El CSS es este:
#contenedor { 
        width: 990px; 
        max-width: 990px; 
        text-align: left; 
        margin: 0 auto; 
        height: 100%; 
        background-color: #000;
}
.posicionador {
        padding: 0;
        margin: 0;
}
#header { 
        width: 829px; 
        height: 149px; 
        float: left; 
        border-bottom: 2px solid #E89700;
}
#login { 
        width: 160px; 
        height: 149px; 
        float: left; 
        border-bottom: 2px solid #E89700; 
}
#contenido_izquierdo {
        width: 827px; /* adicionar +2 por el border */
        height: 100%;
        float: left;
        border: 1px solid Red;
}
#contenido_derecho { 
        width: 158px; /* adicionar +2 por el border */
        float: left; 
        background-color: #435278; 
        height: 100%; 
        border: 1px solid Blue;
}
* {
        padding: 0;
        margin: 0;
}
html, body {
        height: 100%;
}
body {
        background-color: #000;
}

Fíjate que si lo pruebas  en IE los DIV contenido_derecho y contenido_izquierdo 
se expanden y me ocupan el 100% del contenedor pero por el contrario si lo 
pruebas en FF se recogen. ¿Qué anda mal?

Salu2 y gracias adelantadas y bueno disculpen por chivar tanto pero es que 
tengo muy buenos ánimos de aprender CSS y XHTML válidos

PD: ¿Tienes MSN? [EMAIL PROTECTED]

--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.
_______________________________________________
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://lists.ovillo.org/mailman/listinfo/ovillo

Responder a