salud a la lista;

éste es un problema de los típicos.
me topé con él hace tiempo y gracias a la ayuda de los compañeros aquí
presentes conseguí solucionarlo de varias maneras.
posteo una de ellas a continuación por si a yubén o a otros pudiera serles
de ayuda.

html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>

<html lang="es">
<head>
    <link rel="stylesheet" href="estilo.css" type="text/css" media="screen"
title="no title" charset="utf-8"/>
    <title>index</title>
</head>

<body>
        <div id="contenedor">
                <div id="cabecera">
                        <h1>CABECERA</h1>
                </div><!--fin cabecera-->
                <div id="cuerpo">
                        <div id="contenido">
                                <div id="izquierda">
                                <h1>MENÚ</h1>
                                <p>Lorem ipsum eum partem corrumpit et, qui
puto habemus ea, id pro dolor nostro.
                                Tantas electram theophrastus nec cu. Sea
libris prodesset ea, aeque facilisis id est, vituperatoribus concludaturque
his ad. An modo kasd everti sed, in his alii singulis dignissim.
                                Ad cotidieque complectitur mei, ne iusto
iisque mel, quidam feugiat ut est.</p>
                                </div><!--fin izquierda-->

                                <div id="derecha">
                                <h1>CONTENIDO</h1>
                                <p>Lorem ipsum eum partem corrumpit et, qui
puto habemus ea, id pro dolor nostro.
                                Tantas electram theophrastus nec cu. Sea
libris prodesset ea, aeque facilisis id est, vituperatoribus concludaturque
his ad. An modo kasd everti sed, in his alii singulis dignissim.
                                Ad cotidieque complectitur mei, ne iusto
iisque mel, quidam feugiat ut est.</p>
                                <p>Lorem ipsum eum partem corrumpit et, qui
puto habemus ea, id pro dolor nostro.
                                Tantas electram theophrastus nec cu. Sea
libris prodesset ea, aeque facilisis id est, vituperatoribus concludaturque
his ad. An modo kasd everti sed, in his alii singulis dignissim.
                                Ad cotidieque complectitur mei, ne iusto
iisque mel, quidam feugiat ut est.</p>
                                </div><!--fin derecha-->
                                <div class="clear"></div>

                        </div><!--fin contenido-->
                </div><!--fin cuerpo-->
        </div><!--fin container-->
        <div id="pie">
                <h1>PIE</h1>
        </div><!--fin pie-->
</body>
</html>


css:

/*inicio tags genéricos*/
*{
    padding:0;
    margin:0;
}
html {
    height:100%;
}
body {
    height:100%;
    font-family:verdana, arial, sans-serif;
    text-align:center;
    background:#595959;
}
p{
    padding:10px;
}
h1{
    text-align:center;
}
/*fin tags genéricos*/
/*inicio tags específicos*/
#contenedor {
    min-height:100%;
    width:800px;
    background:#A9A9A9;
    text-align:left;
    margin:0 auto;
}
* html #contenedor {
    height:100%;
}
#cabecera{
    position:relative;
    right:0px;
    top:0px;
    width:100%;
    height:10em;
    background:#000;
    color:#fff;
}
#cuerpo {
    padding:1px;
    position:relative;
    background:#A9A9A9;
    text-align:center;
}
#contenido {
    text-align:justify;
}
#izquierda{
    width:20%;
    float:left;
    position:relative;
    background:#fff;
}
#derecha{
    width:79.8%;
    position:relative;
    float:right;
    background:#fff;
}
.clear {overflow:hidden;height:50px;clear:both;}
* html .clear {overflow:hidden;height:40px;clear:both;}
#pie{
    height:3em;
    background:#000;
    color:#fff;
    position:relative;
    margin:0 auto;
    margin-top:-3em;
    width:800px;
}
/*fin tags específicos*/

un saludo!
_______________________________________________
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