Buenas a todos, soy recien llegado en cto a participar posteando pero llevo tiempo leyendo.
Tengo el mismo problema q se comenta aqui y con el div de corte no lo soluciono. No se si sera otro tipo de problema, o quiza por usar posicionamiento relativo. La verdad es q no llevo mucho tiempo dedicado al css.
Os pongo el codigo a ver q os parece.
<?php
include("header.php");
?>
<div id="situacion"><span class="situacion">Inicio</span></div>
<div id="principal">
<div id="navegacion">
<div id="menuprin"><span class="menuprin">MENÚ PRINCIPAL</span></div>
<div id="lista">
<ul id="enlaces">
<li id="textoAct"><a href="index.php"><span class="textoAct">INICIO</span></a></li>
<li><a href="tenis.php"><span class="texto">TENIS</span></a></li>
<li><a href="padel.php"><span class="texto">PADEL</span></a></li>
<li><a href="pool.php"><span class="texto">POOL</span></a></li>
<li><a href="parques.php"><span class="texto">PARQUES INFANTILES</span></a></li>
<li><a href="asfaltos.php"><span class="texto">ASFALTOS</span></a></li>
</ul>
</div>
</div>
<div id="contenido">
<div id="entrada"><span class="entrada">Bienvenido/a a </span></div>
<div id="texto"><span class="texto">
CONTENIDO
</div>
<div id="fotos">
<table border="0" cellspacing="10">
<tr>
<td><A HREF="tenis.php"><IMG SRC="fotos/itenis.jpg" WIDTH="128" HEIGHT="300" BORDER="0" ALT=""></A></td>
<td><A HREF="padel.php"><IMG SRC="fotos/ipadel.jpg" WIDTH="128" HEIGHT="300" BORDER="0" ALT=""></A></td>
<td><A HREF="pool.php"><IMG SRC="fotos/ipiscina.jpg" WIDTH="128" HEIGHT="300" BORDER="0" ALT=""></A></td>
<td><A HREF="parques.php"><IMG SRC="fotos/iparques.jpg" WIDTH="128" HEIGHT="300" BORDER="0" ALT=""></A></td>
<td><A HREF="asfalto.php"><IMG SRC="fotos/iasfalto.jpg" WIDTH="128" HEIGHT="300" BORDER="0" ALT=""></A></td>
</tr>
</table>
</div>
<div>
MAS CONTENIDO
</div>
</div>
</div>
<div class="corte"></div>
<?
include("footer.php");
?>
En header.php abro basicamente la calse container y poco mas. En footer.php similar.
El css seria:
#container {
position: relative;
width: 1000px;
margin: 0px auto;
background-image: url(images/header.jpg);
background-repeat: no-repeat;
}
#situacion {
position: relative;
width: 954px;
height: 10px;
top: 118px;
left: 25px;
text-indent: 180px;
z-index: 1;
}
#principal {
position: relative;
width: 1000px;
min-height: 550px;;
top: 108px;
background-image: url(images/bck.gif);
overflow: hidden;
}
#contenido {
position: relative;
width: 640px;
top: -485px;
left: 210px;
background-image: url(images/bck2.gif);
background-repeat: no-repeat;
}
.corte {
clear: both;
}
El resto de clases y divs q no aparecen no creo q sean necesarias. Son todas con posicionamiento relativo.
Es claro q algo estoy haciendo mal pero no lo tengo muy claro. No se si es por usar los posicionamientos relativos, aunq el caso es q probe a cambiarlos a absolutos y tampoco.
Espero podais echarme una mano pq llevo ya dias dandole vueltas a esto.
Muchas gracias.