¿Cómo puedo establecer una altura fija para toda mi página web?

pensé que esto era una solución sencilla:¿Cómo puedo establecer una altura fija para toda mi página web?

body 
{ 
    height: 1054px; 
} 

html 
{ 
    height: 1054px; 
}

¿no sería esto fijar la altura máxima de la página para 1054px? También he intentado estas soluciones, pero que no funcionó con lo que quería:

html 
{ 
    overflow: hidden; 
} 

<body><table id = "myTable"><tr><td> ..... </tr></td></body> 

#myTable 
{ 
    height: 100%; 
}

¿Cómo se configura una altura absoluta de una página web? También estoy más interesado en por qué las llamadas body y htmlheight no funcionarían. Hago muchas llamadas a position: relative, ¿eso tendría algún efecto?

Fuente

2011-05-11 Stanley Cup Phil

Usted puede cambiar 'html {overflow: hidden;}' a 'body {overflow: hidden;} 'en la segunda CSS – JiminP

I podría estar mal, pero no creo que deba establecer la altura en el cuerpo, ya que se hereda de html – Rob

Sin embargo, me preocupa 'overflow: hidden' en esos elementos. Si lo hago en 'html' y digo que alguien minimizó la página o algo, entonces la mitad de la página no se puede ver. ¿Es este el caso con 'cuerpo'? –

width y height establecen anchuras y alturas absolutas de un elemento respectivamente. max-width, max-height, min-width y min-height son propiedades separadas.

Ejemplo de una página con 1054px contenido cuadrado y un fondo completo:

html { 
    min-width: 100%; 
    min-height: 100%; 
    background-image: url(http://www.example.com/somelargeimage.jpg); 
    background-position: top center; 
    background-color: #000; 
} 

body { 
    width: 1054px; 
    height: 1054px; 
    background-color: #FFF; 
}

Sin embargo, ya que parece ser mesa de estilo (urgh), probablemente sería mucho más sensato para ajustar la altura de la tabla a 1054px y deje que el cuerpo se ajuste automáticamente para abarcar toda la tabla. (Mantenga el estilo html propuesto anteriormente, por supuesto.)

Fuente

2011-05-11 13:30:05 lpd

Lo intentaré. El estilo de la mesa no será un problema. Acabo de leer en alguna parte que las tablas se pueden usar para establecer el ancho y alto máximos de página, por eso los usé –

Buena pregunta. No estoy seguro, pero ¿ha intentado usar un solo <div> (o <section>) dentro de <body>, y estableciendo el width, height y overflow: hidden en eso? Los navegadores pueden dar un trato especial a <html> y <body>.

Fuente

2011-05-11 13:31:59

Lo intenté en otra página y funcionó bastante bien. También funcionó en Facebook (que es en lo que se basa la mayor parte de mi desarrollo), y eso también es una ventaja. –

¿Intentó establecer el margen de cuerpo de CSS en 0? De lo contrario, habrá un amt (dependiendo del navegador) de margen que se incluye en la altura (y el ancho) de su página, pero no está controlado por el estilo de altura;

En CSS:

body: { margin: 0; }

EN jQuery:

$('body').css('margin', 0);

Fuente

2011-05-11 13:33:11 btx

¿Cómo puedo establecer una altura fija para toda mi página web?

Respuesta

Cuestiones relacionadas