Foros del web, para los que viven de bits

Urotsuki · 28-mar-2008, 11:34

Mikel,

antes de nada gracias por todo el esfuerzo y ejemplos que nos estás poniendo.

Te sigo diciendo que el código que nos pones no resuelve el problema. Queremos un CONTENEDOR (un div o lo que sea) que ocupe todo el alto de la página menos los 50px iniciales. Tu dices que sirve el contenedor "padre", yo te digo que no porque no puedes poner en él nada de forma que ocupe todo el resto del alto menos los 50px iniciales. Sí, puedes poner lo que quieras, pero no *algo* que ocupe *exactamente* ese alto que falta. Es culpa mía por no ponerte un ejemplo apropiado. Mira entonces el siguiente código HTML 3.2 (para explorer, el quirks mode del FF no lo hace bien):

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html>
<body style="margin:0px;">

<table border="1" cellpadding="0" cellspacing="0" style="width:100%;height:100%;">
<tr style="height:50px;"><td align="center" valign="middle">TITULO</td></tr>
<tr><td><img src="http://www.mediamakers2004.com/img/layout.gif" border="1" style="width:100%;height:100%;" /></td></tr>
</table>

</body>
</html>

Si consigues emular este código con divs, haciendo que la imagen ocupe siempre exactamente toda la pantalla menos los 50px iniciales para cualquier tamaño de ventana y/o resolución, habrás dado con la solución a lo que busco.

Mikmoro · 28-mar-2008, 12:01

No sé si has visto mi último código en el que no estaba el div padre para nada.
Pero bueno, sigue la partida

Una pregunta antes de empezar a intentarlo: dices que te ocupe el 100% de la página pero no estoy seguro. En IE6, ocupa SÓLO el 100% de la página, pero en FF ocupa mucho más del 100%. Entonces no estoy seguro de cuál de las dos cosas quieres conseguir.

Acláramelo y empezamos a probar.

Mikel.

Mikmoro · 28-mar-2008, 12:10

¿Te refieres a esto (para navegadores inteligentes, claro)?

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<title>Simulacion tabla</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1" />
<style type="text/css">
* { margin: 0px;
padding: 0px;
}
html, body { height: 100%;
width: 100%;
}
#header { border: 1px solid rgb(153, 153, 153);
height: 50px;
line-height: 3em;
text-align: center;
}
#resto { border: 1px solid rgb(153, 153, 153);
top: 50px;
left: 0px;
right: 0px;
bottom: 0px;
position: absolute;
}
#resto img {top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
position: absolute;
}
</style>
</head>
<body>
<div id="header">TITULO</div>
<div id="resto"><img
src="http://www.mediamakers2004.com/img/layout.gif" border="1" /></div>
</body>
</html>

Mikel.

Mikmoro · 28-mar-2008, 12:27

Hay además alguna otra manera más de hacerlo.

Mikel.

Urotsuki · 31-mar-2008, 02:57

Una pregunta antes de empezar a intentarlo: dices que te ocupe el 100% de la página pero no estoy seguro. En IE6, ocupa SÓLO el 100% de la página, pero en FF ocupa mucho más del 100%. Entonces no estoy seguro de cuál de las dos cosas quieres conseguir

Ya te decía en el post que el quirks mode del firefox no lo hacía bien. El comportamiento a emular es efectivamente el del exporer.

¿Te refieres a esto (para navegadores inteligentes, claro)?

Pues sí, exactamente a eso. Eso era lo que buscábamos.

No me queda sino quitarme el sombrero, lo has conseguido

¿Con lo de navegadores inteligentes, qué quieres decir? ¿En explorer 6 no va?

Hay además alguna otra manera más de hacerlo

¿Puedes comentarlas?

Mikmoro · 31-mar-2008, 03:26

Bueeenos díaaaas.

Como te comenté, yo supongo que nadie supo responderte en ningún foro porque no comprendían bien la pregunta que planteabas, digo yo, porque como ves, la solución era bien sencilla.

¿Has visto como SÍ se podía, hombre de poca fe?

Efectivamente el estúpido explorer 6 no lo hace bien, porque no sabe redimensionar las cajas con arreglo a su posición y los desplazamientos.

La frase de "hay otra maneras de hacerlo" no está bien utilizada. En realidad quería decir que, como el caso que planteabas era un tanto irreal (una imagen que ocupe el 100% y por tanto no deje colocar nada más dentro), en una situación real de contenidos, el mismo efecto se puede conseguir de más maneras.

No sé si al final esto te servirá de algo. Espero que sí.

Un saludo y hasta la próxima.

Mikel.

P.D.: Uffff, además he salvado todos mis dedos

28-mar-2008, 11:34	#31 (permalink)
Urotsuki Fecha de Ingreso: febrero-2008 Mensajes: 14	Re: Problemas con el height de las filas en IE7 Mikel, antes de nada gracias por todo el esfuerzo y ejemplos que nos estás poniendo. Te sigo diciendo que el código que nos pones no resuelve el problema. Queremos un CONTENEDOR (un div o lo que sea) que ocupe todo el alto de la página menos los 50px iniciales. Tu dices que sirve el contenedor "padre", yo te digo que no porque no puedes poner en él nada de forma que ocupe todo el resto del alto menos los 50px iniciales. Sí, puedes poner lo que quieras, pero no algo que ocupe exactamente ese alto que falta. Es culpa mía por no ponerte un ejemplo apropiado. Mira entonces el siguiente código HTML 3.2 (para explorer, el quirks mode del FF no lo hace bien): Código: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> <html> <body style="margin:0px;"> <table border="1" cellpadding="0" cellspacing="0" style="width:100%;height:100%;"> <tr style="height:50px;"><td align="center" valign="middle">TITULO</td></tr> <tr><td><img src="http://www.mediamakers2004.com/img/layout.gif" border="1" style="width:100%;height:100%;" /></td></tr> </table> </body> </html> Si consigues emular este código con divs, haciendo que la imagen ocupe siempre exactamente toda la pantalla menos los 50px iniciales para cualquier tamaño de ventana y/o resolución, habrás dado con la solución a lo que busco.

28-mar-2008, 12:01	#32 (permalink)
Mikmoro Colaborador Fecha de Ingreso: octubre-2006 Ubicación: A tu espalda Mensajes: 2.873	Re: Problemas con el height de las filas en IE7 No sé si has visto mi último código en el que no estaba el div padre para nada. Pero bueno, sigue la partida Una pregunta antes de empezar a intentarlo: dices que te ocupe el 100% de la página pero no estoy seguro. En IE6, ocupa SÓLO el 100% de la página, pero en FF ocupa mucho más del 100%. Entonces no estoy seguro de cuál de las dos cosas quieres conseguir. Acláramelo y empezamos a probar. Mikel.

28-mar-2008, 12:10	#33 (permalink)
Mikmoro Colaborador Fecha de Ingreso: octubre-2006 Ubicación: A tu espalda Mensajes: 2.873	Re: Problemas con el height de las filas en IE7 ¿Te refieres a esto (para navegadores inteligentes, claro)? Cita: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="es-es"> <head> <title>Simulacion tabla</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> * { margin: 0px; padding: 0px; } html, body { height: 100%; width: 100%; } #header { border: 1px solid rgb(153, 153, 153); height: 50px; line-height: 3em; text-align: center; } #resto { border: 1px solid rgb(153, 153, 153); top: 50px; left: 0px; right: 0px; bottom: 0px; position: absolute; } #resto img {top: 0px; left: 0px; right: 0px; bottom: 0px; position: absolute; } </style> </head> <body> <div id="header">TITULO</div> <div id="resto"><img src="http://www.mediamakers2004.com/img/layout.gif" border="1" /></div> </body> </html> Mikel.

28-mar-2008, 12:27	#34 (permalink)
Mikmoro Colaborador Fecha de Ingreso: octubre-2006 Ubicación: A tu espalda Mensajes: 2.873	Re: Problemas con el height de las filas en IE7 Hay además alguna otra manera más de hacerlo. Mikel. Última edición por Mikmoro; 28-mar-2008 a las 13:17.

31-mar-2008, 02:57	#35 (permalink)
Urotsuki Fecha de Ingreso: febrero-2008 Mensajes: 14	Re: Problemas con el height de las filas en IE7 Una pregunta antes de empezar a intentarlo: dices que te ocupe el 100% de la página pero no estoy seguro. En IE6, ocupa SÓLO el 100% de la página, pero en FF ocupa mucho más del 100%. Entonces no estoy seguro de cuál de las dos cosas quieres conseguir Ya te decía en el post que el quirks mode del firefox no lo hacía bien. El comportamiento a emular es efectivamente el del exporer. ¿Te refieres a esto (para navegadores inteligentes, claro)? Pues sí, exactamente a eso. Eso era lo que buscábamos. No me queda sino quitarme el sombrero, lo has conseguido ¿Con lo de navegadores inteligentes, qué quieres decir? ¿En explorer 6 no va? Hay además alguna otra manera más de hacerlo ¿Puedes comentarlas?

31-mar-2008, 03:26	#36 (permalink)
Mikmoro Colaborador Fecha de Ingreso: octubre-2006 Ubicación: A tu espalda Mensajes: 2.873	Re: Problemas con el height de las filas en IE7 Bueeenos díaaaas. Como te comenté, yo supongo que nadie supo responderte en ningún foro porque no comprendían bien la pregunta que planteabas, digo yo, porque como ves, la solución era bien sencilla. ¿Has visto como SÍ se podía, hombre de poca fe? Efectivamente el estúpido explorer 6 no lo hace bien, porque no sabe redimensionar las cajas con arreglo a su posición y los desplazamientos. La frase de "hay otra maneras de hacerlo" no está bien utilizada. En realidad quería decir que, como el caso que planteabas era un tanto irreal (una imagen que ocupe el 100% y por tanto no deje colocar nada más dentro), en una situación real de contenidos, el mismo efecto se puede conseguir de más maneras. No sé si al final esto te servirá de algo. Espero que sí. Un saludo y hasta la próxima. Mikel. P.D.: Uffff, además he salvado todos mis dedos

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado