Foros del Web » Creando para Internet » CSS »

No me respeta el tamaño de los div

Estas en el tema de No me respeta el tamaño de los div en el foro de CSS en Foros del Web. Hola a todos. Tengo un pequeño problema a la hora de hacer las css de mi pagina web. Queria hacer una prueba antes de hacer ...
  #1 (permalink)  
Antiguo 15/06/2011, 07:32
 
Fecha de Ingreso: febrero-2009
Mensajes: 472
Antigüedad: 8 años, 8 meses
Puntos: 14
No me respeta el tamaño de los div

Hola a todos. Tengo un pequeño problema a la hora de hacer las css de mi pagina web. Queria hacer una prueba antes de hacer el codigo solo para ver como quedarian los componentes. Nunca me habia pasado antes pero, cuando ejecuto la web bacia, es decir sin campos de texto, sin botones etc, no me muestra nada la pantalla. Si pongo por ejemplo en un div que ocupa el 50% de la pantalla, si le pongo una etiqueta <h1> me muestra solo el div adaptado al tamaño del texto.
Por ejemplo el siguiente codigo.

Código CSS:
Ver original
  1. body {
  2.     width: 100%;
  3.     height: 100%;
  4.     background-color:Aqua;
  5.     color:Black;
  6. }
  7.  
  8. .pagina{
  9.     width:1024px;
  10.     height:768px;
  11.     position:absolute;
  12.     left:50%;
  13.     margin-left:-512px;
  14.     background-color:Black;
  15. }
  16.  
  17. /*Definicion general de la pagina*/
  18. .cabecera{
  19.     position:static;
  20.     width: 100%;
  21.     height: 15%;
  22.     background-color: fuchsia;
  23. }
  24.  
  25. .cuerpo{
  26.     position: static;
  27.     width: 100%;
  28.     height: 77%;
  29.     background-color: maroon;
  30. }

Si por ejemplo escribo algo en el cuerpo solo me muestra el cuerpo que ocupa el texto que yo escriba, el resto me lo pone del color del fondo de la pagina.

Espero que alguien me pueda echar una mano. Muchas gracias por adelantado
Un saludo

Noé Montes
  #2 (permalink)  
Antiguo 15/06/2011, 08:07
Avatar de Dalvenjha  
Fecha de Ingreso: febrero-2008
Ubicación: $("#oficina");
Mensajes: 692
Antigüedad: 9 años, 7 meses
Puntos: 53
Respuesta: No me respeta el tamaño de los div

¿Pq usas posiciones estaticas y absolutas? no tienes necesidad de eso, por otro lado no veo el html pero lo adivino, cambia eso, a posicines relativas.

Saludos
__________________
Mi Showcase ||

Compartiendo todo lo posible con los demás.
  #3 (permalink)  
Antiguo 18/06/2011, 09:04
 
Fecha de Ingreso: febrero-2009
Mensajes: 472
Antigüedad: 8 años, 8 meses
Puntos: 14
Respuesta: No me respeta el tamaño de los div

Hola Dalvenjha. En primer lugar muchas gracias por contestar. Quieres decir q utilice siempre posiciones relativas?? Lo he intentado pero el problema es el mismo. Es decir solo me muestra el div si tiene algun texto o algo de contenido dentro. Nunca antes me habia pasado, aunque no pusiese nada dentro de los div estos se me mostraban igual y del tamaño que yo los pedia.
Perdon por no poner el codigo html. Mira es este:

Código HTML:
Ver original
  1.         <div class="pagina">
  2.             <form id="formulario1" runat="server">
  3.                 <div class="cabecera">
  4.                     <h3>Cabecera</h3>
  5.                 </div>
  6.                 <div class="menu_superior">
  7.                      <h3>Menu</h3>
  8.                 </div>
  9.                 <div class="cuerpo">
  10.                     <div class="contenido">
  11.                         <asp:ContentPlaceHolder ID="MainContent" runat="server">
  12.                         </asp:ContentPlaceHolder>
  13.                     </div>
  14.                     <div class="menu_lateral">
  15.                         <h3>M_lateral</h3>
  16.                     </div>
  17.                 </div>
  18.                 <div class="pie">
  19.                     <h3>Pie</h3>
  20.                 </div>
  21.             </form>
  22.         </div>
  23.     </body>

Muchas gracias nuevamente. Un saludo
Pinty
  #4 (permalink)  
Antiguo 18/06/2011, 09:07
 
Fecha de Ingreso: febrero-2009
Mensajes: 472
Antigüedad: 8 años, 8 meses
Puntos: 14
Respuesta: No me respeta el tamaño de los div

Me acabo de dar cuenta de una cosa.
Si las css se las aplico a un webform normal, me respeta todos los tamaños aunque no tenga contenido dentro, el problema me lo da en las masterpages.
Es pura coincidencia o tiene algo de relacion??

Gracias por vuestra ayuda. Saludos
  #5 (permalink)  
Antiguo 18/06/2011, 18:46
 
Fecha de Ingreso: octubre-2010
Ubicación: Buenos Aires
Mensajes: 125
Antigüedad: 7 años
Puntos: 11
Respuesta: No me respeta el tamaño de los div

Un consejito.. Para aplicar un color.. no pongas el color por su nombre.. dado que diferentes navegadores pueden interpretar los colores de diferente forma, por ejemplo, puede que el red en firefox te salga de un tono y en chrome de otro, variando un poco los colores.. define los colores con codigos hexadecimales y veras...
  #6 (permalink)  
Antiguo 19/06/2011, 06:38
 
Fecha de Ingreso: febrero-2009
Mensajes: 472
Antigüedad: 8 años, 8 meses
Puntos: 14
Respuesta: No me respeta el tamaño de los div

Hola maximilianojcelis. Muchas gracias por tu aportacion, la verdad que solo utilizaba hexadecimal para colores que no vienen definidos por defecto, es decir por ejemplo tonalidades mas oscruas de rojo y cosas asi, pero si queria rojo plantaba "red" y me quedaba tan feliz.
Muchas gracias de nuevo, no sabras por casualidad el tema de los tamaños no?? es que me estraña muchisimo que si hago un webform normal me lo respete como siempre, pero si es la master page me respeta los tamaños maximos, pero no los minimos, es decir q se adapta al texto que introduzcas y si sobra espacio no lo pone. La verdad que me parece rarisimo.

Un saludo
Pinty

Etiquetas: tamaño
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:36.