Como otros, estoy "sufriendo" la conversión de tablas a divs y aunque he buscado y buscado no encuentro la solución, me imagino que debe ser muy sencilla.. pero es que no doy con ella...
Se trata de lo siguiente:
Como diablos hago para que teniendo 2 divs (uno que contiene a otro), el del interior NO se expanda hasta ocupar el ancho o el alto de su contenedor.
El ejemplo es este:
Cita:
En el ejemplo, tengo un cuerpo principal de 800px a 30px de la izquierda, y quiero una barra superior que se expande correctamente.. pero el problema viene ahora. El siguiente cuerpo NO quiero que se expanda como la barra... al contrario, quiero que ocupe solo lo que vaya creciendo, como veis (al ponerle fondo rojo) se me expande al 100%...<!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">
#cuerpoprincipal {
clear: left;
margin-left: 30px;
width: 800px;
}
#barra{
clear: left;
background-color: #0000ff;
height: 5px;
}
.noteexpandas {
clear: left;
background-color: #ff0000;
}
</style>
</head>
<body>
<div id="cuerpoprincipal">
<div id="barra"></div>
<div class="noteexpandas">Este div no quiero que se expanda, solamente si el texto lo necesita</div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<title>test</title>
<style type="text/css">
#cuerpoprincipal {
clear: left;
margin-left: 30px;
width: 800px;
}
#barra{
clear: left;
background-color: #0000ff;
height: 5px;
}
.noteexpandas {
clear: left;
background-color: #ff0000;
}
</style>
</head>
<body>
<div id="cuerpoprincipal">
<div id="barra"></div>
<div class="noteexpandas">Este div no quiero que se expanda, solamente si el texto lo necesita</div>
</div>
</body>
</html>
Debe ser un problema típico.. pero es que soy muy tonto
.. porque llevo ya 1 dia con el...¿Tan malo eran las tablas?
.. que puedo estar haciendo mal? gracias!! 
