Problema con divs e includes

kiM- · #1 (**permalink**) 11/03/2010, 07:24

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:

<div id="header"><img src="Images/design3_01.png" alt="Logo"/><img src="Images/design3_02.png" alt="Menu horizontal"/></div>

menu.php:

Cita:

<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>

<br />

<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>

<br />

<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>

</div>

noticias.php:

Cita:

<div id="noticias">

<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>

<br />

<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>

<br />

<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>

</div>

footer.php:

Cita:

Me urge mucho ya que es un proyecto, muchas gracias de antemano

el_javi · #2 (**permalink**) 11/03/2010, 09:56

Compañero.. ¿es posible verlo en Online?

Esque faltan los CSS, y con ello online se puede ver muchísimo mejor donde falla.

Un saludo.

Javier

kiM- · #3 (**permalink**) 11/03/2010, 10:28

Gracias por responder pero al fin creo que lo he solucionado.

Resulta que yo añadía los includes pero recortaba los divs también, de lo que se trataba era de dejar los divs y suprimir solamente el contenido que estaba dentro y poner los includes.

Gracias de todas formas