posicionamiento de div

[sergi_climent]

Hola,

La idea es hacer lo siguiente

Código HTML:

<table width="200" border="1">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</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>
		&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
		<a href="quisom.php">Qui som</a>
		&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
		<a href="productes.php">Productes</a>
		&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
		<a href="tendes.php">Tendes</a>
		&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
		<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'

[kseso?]

Hola Sergi
Las cajas "flotadas" no hacen crecer a su contenedor (padre) porque se sacan del flujo del html.

Así que añade al padre de .tienda (creo que es #cos) la propiedad "overflow:auto"

[sergi_climent]

Iniciado por kseso?

Hola Sergi
Las cajas "flotadas" no hacen crecer a su contenedor (padre) porque se sacan del flujo del html.

Así que añade al padre de .tienda (creo que es #cos) la propiedad "overflow:auto"

perfect!!!! mucha gracias!!!