Hola, como andan????
No quiero seguir con el diseño antes de solucionar estos problemitas
Mirar aca
1ero: el problema con el pie de pagina (footer) que no se adapta al contenido y no baja cdo este aumenta.
2do: Cdo le doy zoom o cambio de resolucion el contenido se va hacia la derecha y no se adapta.
3ero: El sidebar right esta un nivel debajo del left y center. como lo alineao horizontalmente a los tres div??
ACA va el codigo del layout:
Código PHP:
<!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>Bienvenidos al VENI</title>
</head>
<style type="text/css">
*
{
padding:0;
margin:0;
outline:0;
}
html, body
{
height:100%;
font-family:Calibri;
font-size:1em;
outline:0;
background-image:url(imagenes/fondo.jpg);
background-repeat:repeat-x;
}
#header
{
position: absolute;
top: 84px;
left:13%;
margin:0 auto;
}
#content
{
min-height:40%;
height:auto;
width:100%;
position:absolute;
top:275px;
text-align:center;
}
#sidebar-left
{
float:left;
width:25%;
border-right:2px dotted #808080;
}
#sidebar-center
{
float: none ;
width:50%;
}
#sidebar-right
{
float: right ;
width:25%;
}
#footer
{
position:absolute;
bottom:0;
font-size:2em;
text-align: center;
width:100%;
border-top:2px solid #000000;
}
</style>
<body>
<div id="header"><img src="imagenes/header.png" /></div>
<div id="content">
<div id="sidebar-left"><?php include('http://www.nutrimel.com.ar/veni/includes/sidebar-left.php'); ?></div>
<div id="sidebar-center">SIDEBAR-CENTER</div>
<div id="sidebar-right"> SIDEBAR-RIGHT</div>
</div>
<div id="footer">Pie de Pagina</div>
</body>
</html>