Foros del Web » Creando para Internet » CSS »

ALTO y ANCHO en proporcion exacta.

Estas en el tema de ALTO y ANCHO en proporcion exacta. en el foro de CSS en Foros del Web. Hola a todos, Intento hacer una pagina en la que una DIV contenedora ocupe el 100% del espacio visible en pantalla, sin que aparescan los ...
  #1 (permalink)  
Antiguo 02/07/2007, 03:45
 
Fecha de Ingreso: diciembre-2004
Mensajes: 721
Antigüedad: 13 años
Puntos: 2
ALTO y ANCHO en proporcion exacta.

Hola a todos,

Intento hacer una pagina en la que una DIV contenedora ocupe el 100% del espacio visible en pantalla, sin que aparescan los scrollers. Este es el codigo que tengo:

Código HTML:
...
<body>
    <div id="content" style="width:100%;"></div>
</body>
...
El problema es que en un principio utilizar height: 100% no tenia efecto. Tal parece que los browsers esperan que le de un valor numerico entero al alto. Lo que hice fue tomar con js el screen.height y aplicarselo a mi DIV, pero me encontre que al numero resultante es mayor al espacio visible ya que los browsers tienen todo su encabezado con los botones, url, etc, ocupando un porcentaje de la pantalla.

Me pregunto... ¿hay alguna forma de forzar el WIDTH de la div al 100% del espacio visible REAL del documento?

Desde ya muchas gracias
  #2 (permalink)  
Antiguo 02/07/2007, 11:07
hq1
 
Fecha de Ingreso: abril-2007
Ubicación: Madrid, España
Mensajes: 107
Antigüedad: 10 años, 7 meses
Puntos: 0
Re: ALTO y ANCHO en proporcion exacta.

Si pones width="100%", estás diciendo que se ocupe el 100% de la pantalla, si pones width="800px", estás diciendo que se ocupen 800 pixels y así con todo.
Con height puedes hacer igual, pero tienes que tener en cuenta que el contenido tiene que caber en las dimensiones de "width x height" o no se verá.
Obviamente, los usuarios con una pantalla de resolución 800x600 verán el contenido diferente que los que tienen 1024x780, etc. Por eso se recomienda usar medidas proporcionales, para que en la medida de lo posible, todos veamos el contenido lo más parecido posible.
__________________
Proyecto de revista digital:

www.elcampamentobase.es
  #3 (permalink)  
Antiguo 09/07/2007, 00:19
 
Fecha de Ingreso: diciembre-2004
Mensajes: 721
Antigüedad: 13 años
Puntos: 2
Re: ALTO y ANCHO en proporcion exacta.

HQ1, gracias por responder.

Me confundi al redactar... mi pregunta era:

"¿hay alguna forma de forzar el HEIGHT de la div al 100% del espacio visible REAL del documento?"

Perdon, puse WIDTH en vez de HEIGHT.

Entiendo que el HEIGHT se corresponde con la cantidad de información que exista, ya que la dimension HEIGHT varia en función del ALTO de la información... pero qué pasa si por ejemplo quero tener una div VACIA que tenga width y height al 100% del espacio visible... algo asi:

Código:
...
<body>
   <div id="div_completa">

   </div>
</body>
...
¿Como hago que "div_completa" ocupe el 100% de alto y ancho de la pantalla si está vacia?

GRACIAS! :)
  #4 (permalink)  
Antiguo 09/07/2007, 05:32
 
Fecha de Ingreso: diciembre-2004
Mensajes: 721
Antigüedad: 13 años
Puntos: 2
Re: ALTO y ANCHO en proporcion exacta.

Bueno encontre algo... cuando uso "HTML" me toma PERFECTO los valores WIDTH y HEIGHT al 100%, es decir, esto:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
...
<div style="width: 100%; height: 100%; background-color: red;">
</div>
...

... me hace un marco ROJO que ocupa TODA la pantalla.


Cuando uso XHTML (lo que uso y no puedo cambiar por HTML), esto falla... es decir, cuando uso XHTML me toma bien el width al 100% pero no el height !!!

¿Hay algun workaround para esto?

Muchas gracias!

Saludos.
  #5 (permalink)  
Antiguo 09/07/2007, 05:44
 
Fecha de Ingreso: diciembre-2004
Mensajes: 721
Antigüedad: 13 años
Puntos: 2
Re: ALTO y ANCHO en proporcion exacta.

SOLUCIONADO:


http://apptools.com/examples/tableheight.php
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 22:35.