Ayuda alineacion y anidacion de divs

minkweb · #1 (**permalink**) 11/09/2008, 00:54

Tengo un problema tengo un div contenedor y divs anidados y los anidados se me salen del contenedor, el contenedor no se ajusta a ellos

aqui les dejo un codigo html q da ese problema (mozilla) q es el uniko en el q he revisado

PD: no me digan q colocarle "float:left" al contenedor eso es lo q no quiero hacer

Saludos

Codigo

Código HTML:

<!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=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.contenedor {

	border:10px #ff0000 solid;
        width:200px;
        height:20px;



}
.divcontenido {


	float: left;
	background-color: #D4D0C8;
	border:10px #cc0000 solid;
}

-->
</style>
</head>

<body>
<div class="contenedor">
  <div class="divcontenido">aaaaaa</div>
  <div class="divcontenido">aaaaaa</div>
  <div class="divcontenido">aaaaaa</div>
  <div class="divcontenido">aaaaaa</div>

</div>
</body>
</html>

Mikmoro · #2 (**permalink**) 11/09/2008, 02:36

Pues veamos. En primer lugar colocarle float:left al contenedor no arreglaría absolutamente nada.
En segundo lugar, el contenido de tus cajas "divcontenido" es más grande que el ancho del contenedor (width:200px; height:20px;), y por tanto se tienen que salir fuera. El contenedor no se puede ajustar sencillamente porque le has marcado un tamaño de ancho y alto fijo, que es justo lo contrario de adaptarse.

Si dices qué es lo que quisieras hacer te podríamos decir cómo.