Foros del Web - Ver Mensaje Individual

willyfc · #2 (**permalink**) 08/05/2009, 11:41

veamos, quieres hacer una web que ocupe el 70% de la pantalla, pero..., no veo ninguna medida en porcentajes, entonces como lo quieres lograr si no hay % en ninguna parte?. Si no te haz dado cuenta de esto pienso que no sabes mucho de css(sin ánimo de ofender claro está), mira este tutorial que hizo Mikmoro.

De todas maneras te dejo un ejemplo de como sería mas o menos la figura:

Código html:

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"> 
#contenedor{width:70%; height:auto; overflow:auto; margin:0 auto;}
#cabecera{width:100%; height:150px; background-color:#666;}
#contenido{ width:100%; height:auto; overflow:auto;}
#left{width:150px; min-height:200px; height:auto!important; height:200px; overflow:auto; float:left; background-color:#999}
#right{overflow:hidden; position:relative;min-height:200px; height:auto!important; height:200px; overflow:auto;background-color:#999}
#footer{width:100%; height:100px; background-color:#CCC; clear:both;}
</style> 
</head>
 
<body>
<div id="contenedor">
    <div id="cabecera"></div>
    <div id="contenido">
        <div id="left">Aqui va texto</div>
        <div id="right">Aqui va texto Aqui va texto Aqui va texto Aqui va texto Aqui va texto Aqui va texto Aqui va texto Aqui va texto Aqui va texto Aqui va texto Aqui va texto Aqui va texto Aqui va texto Aqui va texto Aqui va texto Aqui va texto Aqui va texto Aqui va texto Aqui va texto Aqui va texto </div>
    </div>
    <div id="footer"></div>
</div>
</body>
</html>