Hola,
La idea es hacer lo siguiente
Código HTML:
<table width="200" border="1">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table> pero con div. el problema lo tengo al meter el objeto en el contenedor que hay unos q me salen de rango.
tengo el siguiente css
Código HTML:
#contenido {
margin:0 auto 0 auto;
width:773px;
background-image:url(../img/fondo2.gif);
background-repeat:repeat-y;
}
#cos {
margin:10px 40px 40px 40px;
min-height:400px;
}
#cont-tendes {
width:642px;
margin:auto;
}
#tenda{
padding:0;
width:200px;
float:left;
background:transparent;
height:auto;
border:solid black 1px;
margin-right:10px;
}
#menu-inf {
border-top:1px solid #333333;
width:736px;
margin-left:19px;
text-align:center;
padding:8px 0 8px 0;
margin-top:0;
}
y mi codigo de pagina es:
Código HTML:
<div id="contenido">
<div id="cabecera">
<a href="web/index.php"><img src="img/logo.gif" alt="" /></a>
</div>
<div id="menu" align="center">
<a href="index.php">Inici</a>
<img src="img/sep-menu2.jpg" alt="" />
<a href="quisom.php">Qui som</a>
<img src="img/sep-menu2.jpg" alt="" />
<a href="productes.php">Productes</a>
<img src="img/sep-menu2.jpg" alt="" />
<a href="tendes.php">Tendes</a>
<img src="img/sep-menu2.jpg" alt="" />
<a href="contacte.php">Contacte</a>
</div>
<div id="cos">
<div id="titol">Les nostres Botigues: </div>
<div id="tenda">
<strong>tienda</strong>
<br>
C/ XXXXXXXX<br />
XXXXXXXXX<br />
XXXXXX<br />
</div>
<div id="tenda">
<strong>tienda</strong>
<br>
C/ XXXXXXXX<br />
XXXXXXXXX<br />
XXXXXX<br />
</div>
<div id="tenda">
<strong>tienda</strong>
<br>
C/ XXXXXXXX<br />
XXXXXXXXX<br />
XXXXXX<br />
</div>
<div id="tenda">
<strong>tienda</strong>
<br>
C/ XXXXXXXX<br />
XXXXXXXXX<br />
XXXXXX<br />
</div>
<div id="tenda">
<strong>tienda</strong>
<br>
C/ XXXXXXXX<br />
XXXXXXXXX<br />
XXXXXX<br />
</div>
<div id="tenda">
<strong>tienda</strong>
<br>
C/ XXXXXXXX<br />
XXXXXXXXX<br />
XXXXXX<br />
</div>
<div id="tenda">
<strong>tienda</strong>
<br>
C/ XXXXXXXX<br />
XXXXXXXXX<br />
XXXXXX<br />
</div>
<div id="tenda">
<strong>tienda</strong>
<br>
C/ XXXXXXXX<br />
XXXXXXXXX<br />
XXXXXX<br />
</div>
<div id="tenda">
<strong>tienda</strong>
<br>
C/ XXXXXXXX<br />
XXXXXXXXX<br />
XXXXXX<br />
</div>
<div id="tenda">
<strong>tienda</strong>
<br>
C/ XXXXXXXX<br />
XXXXXXXXX<br />
XXXXXX<br />
</div>
<div id="tenda">
<strong>tienda</strong>
<br>
C/ XXXXXXXX<br />
XXXXXXXXX<br />
XXXXXX<br />
</div>
</div>
</div>
<div id="menu-inf">
<a href="index.php">Inici</a>
|
<a href="quisom.php">Qui som</a>
|
<a href="productes.php">Productes</a>
|
<a href="tendes.php">Tendes</a>
|
<a href="contacte.php">Contacte</a>
</div>
</div>
<div id="bottom">
</div> el problema lo tengo q la ultima linia de tiendas se me sale de rango y no me queda dentro de la capa 'cos' sino q se sobrepone y me tapa la capa 'menu-inf'