Foros del web, para los que viven de bits

HALL · 15-mar-2004, 10:35

Hola
No se por qué me está pasando esto pero me estoy volviendo loco. Es muy simple, quiero que una tabla ocupe el 100% del area del navegador. En un principio es muy sencillo (altura y anchura al 100%) pero el problema es que me queda siempre una franja por debajo como de un centímetro. Una vez cargada la página le doy a actualizar y se corrige, pero de primeras aparece mal.

Gracias

PD: se puede ver lo que suv¡cede en www.esimasl.com

PatomaS · 16-mar-2004, 03:30

Hola

Bueno, viéndo el código de tu página, veo varias cosas, pero la más importante s que tienes definida la altura de una celda como height="28pix" y esa medida no existe

;)

Te basta con solo poner el número

Agregaré que con explorer 6, se ven barras de desplazamiento, cosa que creo no es lo que quieres.

Si toda la navegación va a ser dentro de un flash, coloca una función de javascript en la cabecera de tu página que se active al inicio y le indique al navegador que no use barras.

Trata de no usar porcentajes mayoresl al 100 %

:)

Suerte

Felicidad

HALL · 16-mar-2004, 03:48

Gracias por contestar. Lo de "pix" solucionado aunque el problema persiste. Si lo visualizo en un mac se ve bien pero en un PC aparece una franja blanca en la parte inferior del navegador. Llevo cuatro días buscando una solución y lo único que se me ocurre es o dar tantos por cien superiores al 100% o quitar el difuminado inferior para que no se note la franja blanca. Lo que mas rabia me da es que algo tan tonto sea incapaz de solucionarlo. :(

HALL · 16-mar-2004, 04:27

Algo tan sencillo como esto: www.esimasl.com/tabla también sale mal.

PatomaS · 16-mar-2004, 14:45

Hola...

bueno, tenía unos minutillos libres, así que me permití reescribir una parte de tu página, espero que no te moleste, lo pueedes usar como ejemplo

:)

aquí te lo pego:

<HTML>
<HEAD>
<TITLE>consultoria_esima</TITLE>
<script>
function nobarras() {
window.scrollbars = "false";
}
</script>
<style>
body: {
background-color: #ffffff;
top: 0px;
left: 0px;
width: 100%
padding: 0px;
border: 0px;
}
.raya {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 28px;
padding: 0px;
border: 0px;
}
.raya2 {
position: absolute;
top: 539px;
left: 0px;
width: 100%;
height: 28px;
padding: 0px;
border: 0px;
}
.animacion {
position: absolute;
top: 29px;
left: 0px;
width: 100%;
height: 28px;
padding: 0px;
border: 0px;
}
</style>
</HEAD>
<BODY onLoad="javascript:nobarras()">
<div class="raya"><img src="rallita.jpg" width="100%" height="100%" /></div>
<div class="animacion">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="850" height="510">
<param name=movie value="esima.swf">
<param name=quality value=high>
<embed src="esima.swf" quality=high pluginspage="http://www.macromedia.com/A??shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="850" height="510"></embed>
</object>
</div>
<div class="raya2"><img src="rallita.jpg" width="100%" height="100%" /></div>
</BODY>
</HTML>

Respecto a la tabla, el único problema que veo, es que el color de fondo de la página no se ve, pero eso se debe a que tu tabla ocupa el 100% de la pantalla y tiene su propio color, del resto, la veo bien....

Prueba cambiando el tamaño de la tabla a por ejemplo 50% y verás ambos colores. Si ademásle agregas borde="0", verás el margen de la tabla

Suerte

Felicidad

PatomaS · 16-mar-2004, 14:46

Por cierto, en el código que mandé antes, la función dejavascript sobra y por lo tanto el onload que está en el body tambien

:)

HALL · 17-mar-2004, 02:56

Hola

Siento darte la lata pero el resultado utilizando hojas de estilo es el mismo o peor porque sobre MAC se ve fatal.

http://www.esimasl.com/imag/

Lo que me llama la atención es que el ejemplo de la tabla la veas sin márgenes. Es precisamente lo que busco. No entiendo nada.

Muchísimas gracias y perdón por las moléstias

PD: Esta es la página con el código que me has mandado.

http://www.esimasl.com/index2.html

PatomaS · 17-mar-2004, 15:58

Hmmm

revisé tu página en safari 1.2 y se ve así...

http://capture.danvine.com/results/83943.png

es un servicio on-line para visualizar páginas en safari y pese a que usan una resolución muy grande de pantalla, no se ve mal

La página que tu me mandas, se ve bien e, Opera, Netscape, firefox y mozilla, es decir, esta (http://www.esimasl.com/index2.html) si el problema es que te aparecen barras en el explorer, usa este código para quitarlas

overflow: hidden;

agrega esa línea a las características del body en la parte de estilo y ya está.

Por otro lado, en la página que te mandé, no centraba tu objeto, pero eso lo puedes hacer muy fácil.

Y respecto al espacio entre la barra y el contenido, bueno, hay una cosa muy rara por ahi, seguramente no te sonará y por desgracia ahora mismo no recuerdo donde tengo el vínculo adecuado para mostrártelo...esta cosa, se llama regla de los 3 px del explorer y tiene que ver con un espacio que deja cuando hay barras de navegación o cuando el considera que debe haberlas.

Es un bug y hasta donde se, no hay solución fácil, pero si no recuerdo mal, con el código que te paso ahora, debería bastar para que desaparezcan las barras y los espacios...

Por otro lado, los códigos que te pasé, no son interpretados al 100% igual en todos los navegadores, por lo que no te puedo asegurar que funcione bien en todos lados, pero si debe ser bastante aproximado.

Ya nos contarás si con el overflow se te arregló el problema

Felicidad

HALL · 23-mar-2004, 11:25

Hola , perdona la tardanza en responder. El metodo que me propones si soluciona el problema pero en el Explorer para Mac no se ve bien. Por lo tanto creo que voy a quitar la barra inferior, no es lo que quiero pero tampoco es tan importante, mas que nada era entender por que no funcionaba. Muchas gracias por tus explicaciones , que todo sea dicho de paso me han sido útiles para entender mejor el uso de las CSS.

Un saludo y gracias

15-mar-2004, 10:35	#1 (permalink)
HALL Fecha de Ingreso: noviembre-2002 Mensajes: 119	Ayuda_ No puedo ajustar tabla al 100% Hola No se por qué me está pasando esto pero me estoy volviendo loco. Es muy simple, quiero que una tabla ocupe el 100% del area del navegador. En un principio es muy sencillo (altura y anchura al 100%) pero el problema es que me queda siempre una franja por debajo como de un centímetro. Una vez cargada la página le doy a actualizar y se corrige, pero de primeras aparece mal. Gracias PD: se puede ver lo que suv¡cede en www.esimasl.com

16-mar-2004, 03:30	#2 (permalink)
PatomaS Colaborador Fecha de Ingreso: marzo-2004 Ubicación: En alguna otra parte Mensajes: 4.392	Hola Bueno, viéndo el código de tu página, veo varias cosas, pero la más importante s que tienes definida la altura de una celda como height="28pix" y esa medida no existe ;) Te basta con solo poner el número Agregaré que con explorer 6, se ven barras de desplazamiento, cosa que creo no es lo que quieres. Si toda la navegación va a ser dentro de un flash, coloca una función de javascript en la cabecera de tu página que se active al inicio y le indique al navegador que no use barras. Trata de no usar porcentajes mayoresl al 100 % :) Suerte Felicidad __________________ De vuelta por aquí, más o menos ¡ hey, hou, hou, hey !

16-mar-2004, 14:45	#5 (permalink)
PatomaS Colaborador Fecha de Ingreso: marzo-2004 Ubicación: En alguna otra parte Mensajes: 4.392	Hola... bueno, tenía unos minutillos libres, así que me permití reescribir una parte de tu página, espero que no te moleste, lo pueedes usar como ejemplo :) aquí te lo pego: <HTML> <HEAD> <TITLE>consultoria_esima</TITLE> <script> function nobarras() { window.scrollbars = "false"; } </script> <style> body: { background-color: #ffffff; top: 0px; left: 0px; width: 100% padding: 0px; border: 0px; } .raya { position: absolute; top: 0px; left: 0px; width: 100%; height: 28px; padding: 0px; border: 0px; } .raya2 { position: absolute; top: 539px; left: 0px; width: 100%; height: 28px; padding: 0px; border: 0px; } .animacion { position: absolute; top: 29px; left: 0px; width: 100%; height: 28px; padding: 0px; border: 0px; } </style> </HEAD> <BODY onLoad="javascript:nobarras()"> <div class="raya"><img src="rallita.jpg" width="100%" height="100%" /></div> <div class="animacion"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="850" height="510"> <param name=movie value="esima.swf"> <param name=quality value=high> <embed src="esima.swf" quality=high pluginspage="http://www.macromedia.com/A??shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="850" height="510"></embed> </object> </div> <div class="raya2"><img src="rallita.jpg" width="100%" height="100%" /></div> </BODY> </HTML> Respecto a la tabla, el único problema que veo, es que el color de fondo de la página no se ve, pero eso se debe a que tu tabla ocupa el 100% de la pantalla y tiene su propio color, del resto, la veo bien.... Prueba cambiando el tamaño de la tabla a por ejemplo 50% y verás ambos colores. Si ademásle agregas borde="0", verás el margen de la tabla Suerte Felicidad __________________ De vuelta por aquí, más o menos ¡ hey, hou, hou, hey !

16-mar-2004, 14:46	#6 (permalink)
PatomaS Colaborador Fecha de Ingreso: marzo-2004 Ubicación: En alguna otra parte Mensajes: 4.392	Por cierto, en el código que mandé antes, la función dejavascript sobra y por lo tanto el onload que está en el body tambien :) __________________ De vuelta por aquí, más o menos ¡ hey, hou, hou, hey !

17-mar-2004, 02:56	#7 (permalink)
HALL Fecha de Ingreso: noviembre-2002 Mensajes: 119	Hola Siento darte la lata pero el resultado utilizando hojas de estilo es el mismo o peor porque sobre MAC se ve fatal. http://www.esimasl.com/imag/ Lo que me llama la atención es que el ejemplo de la tabla la veas sin márgenes. Es precisamente lo que busco. No entiendo nada. Muchísimas gracias y perdón por las moléstias PD: Esta es la página con el código que me has mandado. http://www.esimasl.com/index2.html Última edición por HALL; 17-mar-2004 a las 03:00.

16-mar-2004, 03:48	#3 (permalink)
HALL Fecha de Ingreso: noviembre-2002 Mensajes: 119	Gracias por contestar. Lo de "pix" solucionado aunque el problema persiste. Si lo visualizo en un mac se ve bien pero en un PC aparece una franja blanca en la parte inferior del navegador. Llevo cuatro días buscando una solución y lo único que se me ocurre es o dar tantos por cien superiores al 100% o quitar el difuminado inferior para que no se note la franja blanca. Lo que mas rabia me da es que algo tan tonto sea incapaz de solucionarlo. :(

16-mar-2004, 04:27	#4 (permalink)
HALL Fecha de Ingreso: noviembre-2002 Mensajes: 119	Algo tan sencillo como esto: www.esimasl.com/tabla también sale mal.

17-mar-2004, 15:58	#8 (permalink)
PatomaS Colaborador Fecha de Ingreso: marzo-2004 Ubicación: En alguna otra parte Mensajes: 4.392	Hmmm revisé tu página en safari 1.2 y se ve así... http://capture.danvine.com/results/83943.png es un servicio on-line para visualizar páginas en safari y pese a que usan una resolución muy grande de pantalla, no se ve mal La página que tu me mandas, se ve bien e, Opera, Netscape, firefox y mozilla, es decir, esta (http://www.esimasl.com/index2.html) si el problema es que te aparecen barras en el explorer, usa este código para quitarlas overflow: hidden; agrega esa línea a las características del body en la parte de estilo y ya está. Por otro lado, en la página que te mandé, no centraba tu objeto, pero eso lo puedes hacer muy fácil. Y respecto al espacio entre la barra y el contenido, bueno, hay una cosa muy rara por ahi, seguramente no te sonará y por desgracia ahora mismo no recuerdo donde tengo el vínculo adecuado para mostrártelo...esta cosa, se llama regla de los 3 px del explorer y tiene que ver con un espacio que deja cuando hay barras de navegación o cuando el considera que debe haberlas. Es un bug y hasta donde se, no hay solución fácil, pero si no recuerdo mal, con el código que te paso ahora, debería bastar para que desaparezcan las barras y los espacios... Por otro lado, los códigos que te pasé, no son interpretados al 100% igual en todos los navegadores, por lo que no te puedo asegurar que funcione bien en todos lados, pero si debe ser bastante aproximado. Ya nos contarás si con el overflow se te arregló el problema Felicidad __________________ De vuelta por aquí, más o menos ¡ hey, hou, hou, hey !

23-mar-2004, 11:25	#9 (permalink)
HALL Fecha de Ingreso: noviembre-2002 Mensajes: 119	Hola , perdona la tardanza en responder. El metodo que me propones si soluciona el problema pero en el Explorer para Mac no se ve bien. Por lo tanto creo que voy a quitar la barra inferior, no es lo que quiero pero tampoco es tan importante, mas que nada era entender por que no funcionaba. Muchas gracias por tus explicaciones , que todo sea dicho de paso me han sido útiles para entender mejor el uso de las CSS. Un saludo y gracias

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