Foros del Web » Creando para Internet » CSS »

posicionamiento de div

Estas en el tema de posicionamiento de div en el foro de CSS en Foros del Web. 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> ...
  #1 (permalink)  
Antiguo 10/06/2009, 06:02
 
Fecha de Ingreso: enero-2005
Ubicación: Barcelona
Mensajes: 1.473
Antigüedad: 12 años, 10 meses
Puntos: 10
posicionamiento de div

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'
__________________
"Cada hombre es el hijo de su propio trabajo"
Miguel de Cervantes Saavedra
"La experiencia es algo que no consigues hasta justo depués de necesitarla"
Laurence Olivier
  #2 (permalink)  
Antiguo 10/06/2009, 06:12
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: posicionamiento de div

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"
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 10/06/2009, 06:15
 
Fecha de Ingreso: enero-2005
Ubicación: Barcelona
Mensajes: 1.473
Antigüedad: 12 años, 10 meses
Puntos: 10
Respuesta: posicionamiento de div

Cita:
Iniciado por kseso? Ver Mensaje
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!!!
__________________
"Cada hombre es el hijo de su propio trabajo"
Miguel de Cervantes Saavedra
"La experiencia es algo que no consigues hasta justo depués de necesitarla"
Laurence Olivier
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:32.