Foros del Web - Ver Mensaje Individual

willyfc · #12 (**permalink**) 29/01/2009, 07:50

entonces coloca los altos en auto, si estoy entediendo bien yo tengo una resolución de 1024 y ahora la estoy viendo a 800x600 y no aparecen a no ser que el contenido crezca, miralo y me comentas:

Código css:

Ver original<!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=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
body{ font-size:1em}
#contenedor{ width:100%; height:100%;}
#cabecera{width:100%;background:#666;height:80px;}
#contenido{ width:100%; height:auto; background:#000; position:relative; display:table; padding:0 0 10px 0;margin:0 auto}
#info_izq{visibility: visible;width: 22%;height:auto;background:#6DE4D9; float:left;}
#vertical_tab{width: 7px;left:166px; height: 250px; min-height:auto!important; height:250px;background:#CC0000; float:left;}
#menu{ width:100%; height:25px; background:#003300; position:absolute; top:-25px;}
#datos{position:relative; background-color: yellow; height:auto;width:77%; float: left}
.texto{ padding:10px}
.limpiar{ clear:both}
</style>
</head>
 
<body>
<div id="contenedor">
    <div id="cabecera"></div>
    <div id="contenido">
        <div id="info_izq">texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto </div>
        <div id="vertical_tab"><img name="" src="" width="7" height="15" alt="" style="background-color: #33CC00; margin-top:150px" /></div>
        <div id="datos">
            <div id="menu"></div>
            <div class="texto">texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</div> </div>
        <div class="limpiar"></div>
    </div>  
</div>
</body>
</html>