Tema: Maquetacion. Noob Question
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/10/2012, 10:10
Avatar de kelevrabonloup
kelevrabonloup
 
Fecha de Ingreso: octubre-2012
Ubicación: Río Cuarto, Cordoba
Mensajes: 6
Antigüedad: 11 años, 7 meses
Puntos: 0
Maquetacion. Noob Question
Tengo una estructura:

Código HTML: 
Ver original
  1. <body>
  2.         <div id="cont">
  3.             <div id="topbar">
  4.             </div>
  5.             <div id="menu">
  6.             </div>
  7.             <div id="call">
  8.             </div>
  9.             <div id="rigthcont">
  10.             </div>
  11.             <div id="upperfoot">
  12.             </div>
  13.             <div id="foot">
  14.             </div>
  15.             <div id="clean">
  16.             </div>
  17.         </div>
  18.     </body>

Con el reset css y el css mio que seria:

Código CSS: 
Ver original
  1. #cont {
  2.     position: relative;
  3.     width: 1000px;
  4.     height: 100%;
  5.     background-color: dark;
  6.     margin: 10 auto 5 auto;
  7.     padding: 0;
  8.  }
  9. #topbar {
  10.     padding: 0px;
  11.     width: 1000px;
  12.     height: 85px;
  13.     background-color: transparent;
  14.     margin: 0;
  15. }
  16. #menu {
  17.   padding: 0px;
  18.   width: 1000px;
  19.   height: 65px;
  20.   background-color: transparent;
  21.   float: left;
  22. }
  23. #call {
  24.   padding: 0px;
  25.   width: 850px;
  26.   height: 400px;
  27.   background-color: transparent;
  28.   float: left;
  29. }
  30. #rigthcont {
  31.   padding: 0px;
  32.   width: 150px;
  33.   height: 400px;
  34.   background-color: transparent;
  35.   float: left;
  36. }
  37. #upperfoot {
  38.   padding: 0px;
  39.   width: 1000px;
  40.   height: 110px;
  41.   background-color: transparent;
  42.   float: left;
  43. }
  44. #foot {
  45.   padding: 0px;
  46.   width: 1000px;
  47.   height: 25px;
  48.   background-color: transparent;
  49.   float: left;
  50. }
  51. #clean {
  52.   clear:both;
  53. }

El problema es que la div id=cont, con el height: 100%; Segun me enseñaron, deberia hacer que fuera del largo total del resto de las div...

Pero Google chrome, hace que me quede mas chica, y no entiendo mi error, puesto que solo la hace mas chica cuando habro la herramienta para desarrolladores, es como que, cuando habro una ventana o algo del explorador, me la achica a la div contendora porque se achica la visualizacion de la pagina, y me pone los scrollbars para bajar y subir (y eso no esta mal, lo que esta mal es que el pie, y el pie superior me quedan afuera de la div contenedora aunque no se vee feo (con exepcion, de que tienen fondo blanco, cuando la contenedora tiene fondo azul, y yo le pongo a todo lo demas fondo trasparente...)