Este es el index.php
Código HTML:
<?php
include 'usuarios\conectar.php';
session_start();
?>
<!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>
<link rel="stylesheet" href="estilo.css" type="text/css">
</head>
<body>
<div id="caja">
<div id="logo">
<img src="img\logo.gif">
</div>
<div id="banner">
<img src="img\banner.gif">
</div>
<div id="menu">
<?php include'menu.php'; ?>
</div>
<div id="costado">
<img src="img\costado.gif">
</div>
<div id="costado2">
<img src="img\costado2.gif">
</div>
<div id="pie">
<img src="img\pie.gif">
</div>
<div id="contenido">
<?php include'index2.php'; ?>
</div>
</div>
</body>
</html>
y esta la hoja de estilos
Código:
/* Estilo principal */
{margin:0; padding:0;}
body { background-color:#194e09; }
#caja {
margin:0 auto; width:960px;
position: relative;
}
#logo {
width:148px;
height:197px;
border:0;
position:absolute;
top:0; left:0;
}
#banner {
width:810x;
height:147px;
border:0;
position:absolute;
top:0; left:148px;
}
#menu {
width:810x;
height:50px;
border:0;
position:absolute;
top:147px; left:148px;
}
#costado {
width:21px;
height:636px;
border:0;
position:absolute;
top:197px; left:0px;
}
#costado2 {
width:121px;
height:702px;
border:0;
position:absolute;
top:197px; left:838px;
}
#pie {
width:838px;
height:66px;
border:0;
position:absolute;
top:833px; left:0px;
}
#contenido {
width:688;
height:636;
border:0;
position:absolute;
top:197px; left:21px;
background-color:#cddcc8;
}
El problema estaría en el div "contenido", que en vez de tener un tamaño fijo, tiene el tamaño del include que hago a index2.php Si el tamaño de esa web varia, varia tambien el tamaño del fondo de #contenido, por ejemplo.
En index2.php no tengo nada ahora, texto básico en html practicamente