Leoxz Posted June 18, 2012 Report Share Posted June 18, 2012 hola amigos tengo un problema he intentado de todo para poder solucionar, tiene que ver con los tipicos problemas de compatibilidad entre navegadores, en este caso el problema me pasa en Google Chrome El footer no queda totalmente al final de la página, tiene un margen como de unos 150px hacia abajo Les pondré una imagen con el Chrome y otra con Firefox <!DOCTYPE HTML> <html> <head> <style type="text/css"> /*Limpiar elementos float*/ .limpiar:after{ content:""; display:block; height:0; clear:both; visibility:hidden; } .limpiar{ display:inline-block; } .limpiar{ display:block; } *html .limpiar{ height:1px; } /*Fin Limpiar float*/ @font-face{ font-family: SixCaps; src:url(css/SixCaps.ttf); } @font-face{ font-family: Bebas; src:url(css/bebas.TTF); } *{ padding:0; margin:0; } a{ text-decoration:none; } body{ width:100%; background:#BABCAF; font-size:12px; } #container{ width:950px; margin:0 auto; } .pie{ border-style:dashed; border-width:1px; border-color: rgba(255,255,255,0.25); width:100%; background-color:rgba(255,255,255,0.55); margin:0 auto; } </style> </head> <body> <div id="container"> <div style="height:900px;"></div> <div class="pie">Footer</div> </div> </body> </html> Ahí está la imagen y el código, no sé que podrá ser :/ Si me pueden echar una ayuda por favor De antemano muchas gracias Link to comment Share on other sites More sharing options...
nazhox Posted June 19, 2012 Report Share Posted June 19, 2012 a mi se me ve en los dos navegadores igual, una pregunta de cuanto es tu resolución de pantalla?, y lo otro... en el css no especificas nada como para que el footer este al final, solo le das un height al al div que esta sobre él. Link to comment Share on other sites More sharing options...
Leoxz Posted June 19, 2012 Author Report Share Posted June 19, 2012 (edited) 1366x768 es que igual le pongo contenido imagenes, texto, menus, igual se ve así, solo en el chrome IE, Firefox, Safari, se ve bien :/ PD: estaba pensando que podría ser la versión de Chrome Edited June 19, 2012 by Leoxz Link to comment Share on other sites More sharing options...
maxuber Posted June 21, 2012 Report Share Posted June 21, 2012 Haber cumpipa, espero que te ayude. body{width:100%;-----> No lo pondría, lo que pondría seria esto:margin: 0;padding: 0,background:#BABCAF; esta OKfont-size:12px; esta OK}#container{width:950px;height: auto;padding: 0;margin:0 auto 0 auto; solo para que te quede centrado el contenedor}.pie{border-style:dashed;border-width:1px;border-color: rgba(255,255,255,0.25);width:100%; yo pondría los 950pxheight: XXpx; yo le pondria un valor pero si el footer va a variar pon auto, pero para mayor seguridad pon una medida, por ejemplo 150px.background-color:rgba(255,255,255,0.55);margin: 0;padding: 0;}</style></head><body><div id="container"> <div style="height:900px;"></div> ---------> a este div yo le pondria un ID o CLASS depende de ti y no usaria un stilo lineal en el mismo div, lo aría igual como lo haces con el footer <div class="pie">Footer</div></div></body></html> Ahora para que todo calce dentro de la pantalla, todo va depender del contenido si el contenido es bastante, lo que va a hacer el div es ajustarse al contenido el contenido. Si tienes dudas enviame un correo a : [email protected] Saludos, Link to comment Share on other sites More sharing options...
Leoxz Posted June 21, 2012 Author Report Share Posted June 21, 2012 Gracias amigo, el problema de mi navegador, tenía instalado un plugin (FACEMOOD) quien no sé quien lo instalo, lo desinstale y funcionó, no era problema de código de nada en todo caso muchas gracias Saludos Link to comment Share on other sites More sharing options...
AshWilliams Posted June 22, 2012 Report Share Posted June 22, 2012 Suele pasar Leoxz, suele pasar ......caso autosolucionado y muchas gracias a todos quienes ayudaron...se procede al cierre ;) Saludos :krider: Link to comment Share on other sites More sharing options...
Recommended Posts