Tema: Problema con divs e includes
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 11/03/2010, 07:24
Avatar de kiM-
kiM-
 
Fecha de Ingreso: mayo-2008
Mensajes: 191
Antigüedad: 15 años, 10 meses
Puntos: 2
Problema con divs e includes
Bueno, resulta que maqueté toda mi web con divs y la subí, hasta ahí todo bien pero uego al cortar los códigos y pegarlos en páginas .php aparte para hacer includes, a la hora de visualizarlo en el navegador la página se ve partida, el fondo no se ve en algunas zonas y algunas imágenes estan descuadradas, ¿Alguno tiene idea de por qué?

Gracias.

Os dejo el código en partes:

Index.php:
Cita:
<!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>XX</title>
<link href="XX.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="contenedor">
<?php include("header.php"); ?>
<div id="contenido">
<?php include("menu.php"); ?>
<?php include("noticias.php"); ?>
</div>
<?php include("footer.php"); ?>
</div>
</body>
</html>
header.php:
Cita:
<!-- CABEZERA -->
<div id="header"><img src="Images/design3_01.png" alt="Logo"/><img src="Images/design3_02.png" alt="Menu horizontal"/></div>
<!-- FIN CABEZERA -->
menu.php:
Cita:
<!-- INICIO MENU XX -->
<div id="menu-contenedor">
<div id="menu1"><img src="Images/design3_04.png" alt="Menu principal"/></div>
<div id="menu2">
<div class="links">
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">Descargas</a></li>
<li><a href="#">Blogs</a></li>
<li><a href="#">Quienes somos</a></li>
</ul>
</div>
</div>
<div id="menu3"><img src="Images/design3_11.gif" alt="Final menu"/></div>
</div>
<!-- FIN MENU XX -->
<br />
<!-- INICIO MENU XX -->
<div id="menu-contenedor">
<div id="menu1"><img src="Images/design3_14.png" alt="Acceso panel" width="174" height="42"/></div>
<div id="menu2">
<div class="links">
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">Descargas</a></li>
<li><a href="#">Blogs</a></li>
<li><a href="#">Quienes somos</a></li>
</ul>
</div>
</div>
<div id="menu3"><img src="Images/design3_11.gif" alt="Final menu"/></div>
</div>
<!-- FIN MENU XX-->
<br />
<!-- INICIO MENU XX -->
<div id="menu-contenedor">
<div id="menu1"><img src="Images/design3_15.png" alt="Contenido multimedia" width="174" height="42"/></div>
<div id="menu2">
<div class="links">
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">Descargas</a></li>
<li><a href="#">Blogs</a></li>
<li><a href="#">Quienes somos</a></li>
</ul>
</div>
</div>
<div id="menu3"><img src="Images/design3_11.gif" alt="Final menu"/></div>
</div>
<!-- FIN MENU XX -->
</div>
noticias.php:
Cita:
<div id="noticias">
<!-- INICIO NOTICIAS XX -->
<div id="noticias-contenedor">
<div id="noticias1"><img src="Images/design3_05.png" alt="Noticias"/></div>
<div id="noticias2">
<div id="news">
Noticias, bla bla bla bla bla bla bla bla bla bla bla bla.
Noticias, bla bla bla bla bla bla bla bla bla bla bla bla. Noticias, bla bla bla bla bla bla bla bla bla bla bla bla. Noticias, bla bla bla bla bla bla bla bla bla bla bla bla. Noticias, bla bla bla bla bla bla bla bla bla bla bla bla. Noticias, bla bla bla bla bla bla bla bla bla bla bla bla. Noticias, bla bla bla bla bla bla bla bla bla bla bla bla. Noticias, bla bla bla bla bla bla bla bla bla bla bla bla. </div>
</div>
<div id="noticias3"><img src="Images/design3_19.png" alt="Final noticias"/></div>
</div>
<!-- FIN NOTICIAS XX -->
<br />
<!-- INICIO NOTICIAS TXX -->
<div id="noticias-contenedor">
<div id="noticias1"><img src="Images/design3_05.png" alt="Noticias"/></div>
<div id="noticias2">
<div id="news">
Noticias, bla bla bla bla bla bla bla bla bla bla bla bla.
Noticias, bla bla bla bla bla bla bla bla bla bla bla bla. Noticias, bla bla bla bla bla bla bla bla bla bla bla bla. Noticias, bla bla bla bla bla bla bla bla bla bla bla bla. Noticias, bla bla bla bla bla bla bla bla bla bla bla bla. Noticias, bla bla bla bla bla bla bla bla bla bla bla bla. Noticias, bla bla bla bla bla bla bla bla bla bla bla bla. Noticias, bla bla bla bla bla bla bla bla bla bla bla bla. </div>
</div>
<div id="noticias3"><img src="Images/design3_19.png" alt="Final noticias"/></div>
</div>
<!-- FIN NOTICIAS XX -->
<br />
<!-- INICIO NOTICIAS XX -->
<div id="noticias-contenedor">
<div id="noticias1"><img src="Images/design3_05.png" alt="Noticias"/></div>
<div id="noticias2">
<div id="news">
Noticias, bla bla bla bla bla bla bla bla bla bla bla bla.
Noticias, bla bla bla bla bla bla bla bla bla bla bla bla. Noticias, bla bla bla bla bla bla bla bla bla bla bla bla. Noticias, bla bla bla bla bla bla bla bla bla bla bla bla. Noticias, bla bla bla bla bla bla bla bla bla bla bla bla. Noticias, bla bla bla bla bla bla bla bla bla bla bla bla. Noticias, bla bla bla bla bla bla bla bla bla bla bla bla. Noticias, bla bla bla bla bla bla bla bla bla bla bla bla. </div>
</div>
<div id="noticias3"><img src="Images/design3_19.png" alt="Final noticias"/></div>
</div>
<!-- FIN NOTICIAS XX -->
</div>
footer.php:
Cita:
<div id="footer"><img src="Images/design3_22.png" alt="Pie de pagina"/></div>
Me urge mucho ya que es un proyecto, muchas gracias de antemano