Pos es muy raro..
Mira.. para eso deberia revisar los archivos.php al los cuales llama el include, puede que en algunos de ellos, ESTE EL PROBLEMA..
Segun veo.. el (arriba.php + izquierda.php) se ve perfectando alineado.. mientras que el (derecha.php + abajo.php) nop.
Ese mismo index.php abrelo con dreamweaver. veras que te deje en el centro un espacio para el contenido... pero eso veamos mas a lo ultimo..
Lo primero es alinear lo de fuera.. el codigo que te pase esta probado y funciona.. asique para quitarnos las dudas.. vamos a hacer algo sencillo y rapido.
haz lo siguiente:
1) Crea una imagen con algun programa, cualquier color.. de las medidas utilizadas en cada tabla. Ejemplo:
(750x200) IMAGEN GIF.. llamala como img_arriba.gif
(150x500) IMAGEN GIF.. llamala como img_izquierda.gif
(150x500) IMAGEN GIF.. llamala como img_derecha.gif
(750x200) IMAGEN GIF.. llamala como img_abajo.gif
2) inserta los siguientes codigos para cada archivo.
arriba.php
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style></head>
<body>
<table width="750" border="0" cellpadding="0" cellspacing="0" background="img_arriba.gif">
<!--DWLayoutTable-->
<tr>
<td width="750" height="200"> </td>
</tr>
</table>
</body>
</html>
izquierda.php
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style></head>
<body>
<table width="150" border="0" cellpadding="0" cellspacing="0" background="img_izquierda.gif">
<!--DWLayoutTable-->
<tr>
<td width="150" height="500"> </td>
</tr>
</table>
</body>
</html>
derecha.php
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style></head>
<body>
<table width="150" border="0" cellpadding="0" cellspacing="0" background="img_derecha.gif">
<!--DWLayoutTable-->
<tr>
<td width="150" height="500"> </td>
</tr>
</table>
</body>
</html>
abajo.php
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style></head>
<body>
<table width="750" border="0" cellpadding="0" cellspacing="0" background="img_abajo.gif">
<!--DWLayoutTable-->
<tr>
<td width="750" height="200"> </td>
</tr>
</table>
</body>
</html>
---
Bueno cada archivo de esos.. tienen un fondo de la medida exacta de cada tabla del index.php
Sube todo al mismo directorio:
index.php
img_arriba.gif
img_izquierda.gif
img_derecha.gif
img_abajo.gif
arriba.php
izquierda.php
derecha.php
abajo.php
---
Para terminar ejecuta el index.php y fijate si esta todo alineado.
Si llega a funcionar.. querra decir que luego.. lo que pongas/hagas en (arriba.php, izquierda.php, derecha.php y abajo.php) sobre el fondo de la tabla.. aparecera ahi (index.php) sin problemas, sin errores..
Saludos!