dudas modelo de caja

alejhpm · #1 (**permalink**) 21/04/2015, 19:44

tengo el siguiente codigo html

<body>
<div id="contenedor">

<header id="cabecera">
<h1>Mi Pagina Web</h1>
<p name="eslogan">Eslogan de la pagina</p>
</header>

<section id="tronco">
</section>

<aside id="columna">
</aside>

<footer id="pie">
</footer>
</div>

</body>

y cuando escribo el estilo

* {padding:0px;
margin:0px;
}

body {text-align:center;}

#contenedor {width:960px;
text-align:left;
margin:15px auto;
}

#cabecera {padding:15px;
}

#tronco {width:620px
border:solid 1px;
}

puedo notar que queda tanto <aside> como el <footer> me quedan dentro de de section. lo he probado en chrome e internet explore y en ambos casos me ocurre lo mismo. quien puede darme una explicacion de cual es mi error. muchas gracias de ante mano

fede5426 · #2 (**permalink**) 21/04/2015, 20:10

No estan dentro del section, estan dentro del div#contenedor..

Mirá lo que pasa si le agregamos color:

http://codepen.io/anon/pen/PqoNXg

limakid · #3 (**permalink**) 23/04/2015, 03:36

Por eso es bueno usar colores muy diferenciados para los diferentes divs, aunque sea temporalmente, solo para poder visualizarlos. Así también darle un ancho fijo (en pixeles o porcentaje) y una altura tentativa. Así bien formateadas ya se pueden diferenciar bien en el canvas. Repito, sólo parta visualizar.

Quizás al final tengas que poner el ancho y la altura en AUTO, porque si quieres ponerlo auto desde un comienzo, te podría dar la impresión de que ese div no está.