Problemas de compatibilidad Frameborder + scroll en IE8 y Firefox

SalSolo · #1 (**permalink**) 27/02/2013, 05:39

Antes de nada, advertiros que soy bastante novato, y pido disculpas de antemano si no consigo explicarme bien o meto la pata.

He diseñado una página web, empezando de cero conocimiento, metiendo bastantes horas y al final he conseguido lo que pretendía pero tengo 2 problemillas relacionados con la los navegadores. veo mi pásgina perfectamente en IE8 pero hay 2 cosas que no consigo poner bien para Firefox y GC.

1. La página inicial está hecha con frames y el borde solo lo veo el IE. En FFy GC, no veo el borde.

<frameset rows="*,522,*" framespacing="1" frameborder="yes" border="1" bordercolor="#999999">

2. Las barras de scroll las he personalizado con unos códigos que encontré rebuscando en la red, y funcionan perfectamente en IE8, pero en FF y GC, sigo viendo la barra de scroll habitual.

scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#7C563D;
scrollbar-base-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;

Me han dicho que hay algo en javascript que funciona para FF.
Si no se puede, ¿hay posibilidad de que la barra de scroll funcione pero que no aparezca?

Sobre todo necesito que alguién me ayude en la primera cuestión. Muchas gracias.

emprear · #2 (**permalink**) 27/02/2013, 09:22

Con lo de las barras de scroll, vas muerto, solo IE reconoce ese código, con respecto al borde del frame tenés que hacer esto (Firefox sobre todo tiene problemas para fijarle a un color)

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>xxx</title>
</head>
<frameset rows="48,*" cols="*">
<frame src="a.html" name="topFrame" scrolling="no" 
 id="topFrame" title="topFrame" frameborder="0"/>
<frame src="b.html" name="mainFrame" id="mainFrame"
title="mainFrame" frameborder="0" />
</frameset>
</html>

en la página de marcos dejas el borde en 0 (frameborder="0") y para que aparezca el borde, supongamos que son 2 frames uno arriba y uno abajo, el de arriba a.html (topFrame) ponés este css

Código CSS:

Ver original<style type="text/css">
/*<![CDATA[*/
html{
border-bottom: 5px ridge blue;
}
/*]]>*/
</style>

Si se lo pusieses para el de abajo

Código CSS:

Ver original<style type="text/css">
/*<![CDATA[*/
html{
border-top: 5px ridge blue;
}
/*]]>*/
</style>

Da lo mismo que lo hagas en uno u otro, te pongo los dos para que se entienda la idea

SAludos