Hola
Por favor si alguien me pudiera ayudar. De antemano muchas gracias.
Tengo un problema con mi hoja de estilo. Yo quiero que se vea así o por lo menos similar en todos los navegadores
| |||
Ayuda con mi hoja de estilo!!! Hola Por favor si alguien me pudiera ayudar. De antemano muchas gracias. Tengo un problema con mi hoja de estilo. Yo quiero que se vea así o por lo menos similar en todos los navegadores Última edición por amgen; 06/10/2008 a las 18:47 |
| ||||
Respuesta: Ayuda con mi hoja de estilo!!! Tu página se ve bien y perfecto con Opera, Firefox y Explorer 7 (eso es buena señal), pero se ve mal con Seamonkey y Explorer 6 (males menores). En principio... Deberías empezar la página desde 0 e ir poco a poco probándola en cada navegador. A los hermanos Explorer siempre les pica algo, el problema que tienes ahí es muy gordo si quieres que se vea bien en TODOS los navegadores. Si quieres un consejo útil, haz la página con capas y no con tablas, así tendrás mayor control (las tablas pueden dar muchos problemas).
__________________ Blog de Wordpress, SEO y Social Media |
| ||||
Respuesta: Ayuda con mi hoja de estilo!!! En firefox 2 se ve tan mal como en la segunda imagen, y eso no es muy buena señal. Hay bastante lio con muchas cajas flotadas innecesariamente. No parece algo que se pueda resolver en un pis pas. Quizá sería mejor que buscaras ayuda en algún diseñador web de tu ciudad, porque parece tener bastante trabajo.
__________________ Visita mi nueva web idplus.org |
| ||||
Respuesta: Ayuda con mi hoja de estilo!!! Mira, esta forma de maquetar es mucho más compatible en general: - primero coge toda la caja <div id="sidebarright"> y colócalo justo antes de <div id="sidebar"> - elimina el padding y cambia el margin de esa caja: Cita: - lo mismo con sidebar:#sidebarright { background:#FFFFFF none no-repeat scroll 0%; color:#000000; float:right; font-family:Tahoma; font-size:14px; height:auto; margin-right:20px; padding:8px 40px 0% 0%; width:170px; } Cita: #sidebar {style.css (line 429) background:#FFFFFF none no-repeat scroll 0%; color:#775B30; float:left; font-family:Tahoma; font-size:small; height:auto; margin-left:20px; padding:8px 1% 0% 4%; width:150px; } - elimina el float left de #bloghoy, #menusitio, #menubelleza, #menusalud, #menuhogar y #text - quita el width de #menubelleza, #menusalud, #menuhogar y #text ejemplo: Cita: Creo que de momento no hay más cambios.#menubelleza { width:150px; Con esta manera, empezaríamos a estar en el buen camino para un diseño compatible. Aplicados esos cambios, ya es empezar a ver específicamente los detalles, porque es una buena base.
__________________ Visita mi nueva web idplus.org |
| |||
Respuesta: Ayuda con mi hoja de estilo!!! Te lo agradezco muchísimo!!!!! Yo creo que ahora sí quedó. Tengo que arreglar 300+ paginas jiji pero estoy contenta porque yo creo que ahora se ve por lo menos similar en todos. Gracias Mikmoro, eres lo máximo!!! |
| ||||
Respuesta: Ayuda con mi hoja de estilo!!! De nada, es un placer. Ya nos veremos (creo), porque te saldrán más cosillas Saludos.
__________________ Visita mi nueva web idplus.org |