Div con 100% height y 100% width

bERTUZ · #1 (**permalink**) 12/11/2012, 09:01

Buenas tardes,

Tengo la siguiente estructura y quiero que el div 'post-11' ocupe el 100% del height y el 100% del width de la página, y que los divs siguientes esten debajo y se acceda a ellos con un scroll.

Código HTML:

<body class="home">
     <div id="wrapper">
          <div id="header">
          <div id="main">
               <div id="container">
                    <div id="content">
                         <div id="post-11">

He intentado darle al body un height: 100% y también darle ese 100% al div 'post-11' y no funciona. ¿Cómo consigo el objetivo? Gracias!

chichote · #2 (**permalink**) 12/11/2012, 13:52

Es muy posible que alguno de los div wrapper, header, main, container o content tengan el position definido, si es así, entonces tu div con ID post-11 responderá a dicho div, si quieres que responda al body de la pagina, entonces veo dos posibilidades, o sacas el div con ID post-11 fuera de los otros div, o bien le quitas el position a todos los div padres.

Saludos.

ciberconquer · #3 (**permalink**) 15/11/2012, 09:49

no te entendi mucho pero creo que con esto bastara

Código HTML:

<body class="home">
                         <div id="post-11" style="width:100%; height: 100%; position: absolute; top: 0px; left: 0px;"> 

<div id="otrodiv" style="width:100%; height: 100%; position: absolute; top: 100%; left: 0px;"> 

<div id="otrodiv2" style="width:100%; height: 100%; position: absolute; top: 200%; left: 0px;">

y asi sucesivamente

espero entiendas simplemente le das una posicion fija a cada uno con css