Gracias otra vez ;)
En realidad no, mas bien esto:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<title>test</title>
<style type="text/css">
html, body {
width: 100%;
height: 100%;
}
#cuerpoprincipal {
background-color: #00ffff;
border-width: 1px;
border-style: solid;
float: left;
width: 500px;
}
.barra {
clear: left;
background-color: #00ff00;
}
.divfastidia {
clear: left;
background-color: #ff0000;
width: 800px;
}
</style>
</head>
<body>
<div id="cuerpoprincipal">
<div class="barra">barra de decoración</div>
<div class="divfastidia">Este div se salta la maquetación se salta la maquetación se salta la maquetación se salta la maquetación</div>
</div>
</body>
</html>
La "barra" (es solo diseño por llamarlo de alguna forma...) lo único que quiera es que se expanda dinámicamente con el contenedor, osea con "cuerpoprincipal", el problema viene con "divfastidia" que al tener un ancho superior a su contenedor "cuerpoprincipal" lo que hace es "sobrevolar" el contenedor "cuerpoprincipal" en vez de ensancharlo mas allá de sus 500px hasta los 800px que ocupa "divfastidia".
Espero no liar mas el asunto.. bastante me estas ayudando!