position fixed Meddle y opera, help
Ya he probado el positon fixed de Meddle: http://meddle.dzygn.com/tests/fixed_ie/
Funciona perfectamente tanto en IE 5. 5.5 , 6, Mozilla y Netscape.
Pero en Opera al bajar con la barra, los botones del menu desaparecen pero el color hermoso verde de fondo, si se queda fijo.
Y el ejemplo de Meddle tambien funciona bien en Opera, así que tiene que ser algo del menu en si.
He probado todo, pero no encuentro la solucion.
La pagina esta aqui: http://www.marbellasunrentals.com/pages/meddle.htm
El codigo css es este:
El div para el fixed:
#left { top:120px; left:0; width:170px; position: fixed;
height: 300px;
background: green;}
Y esto es el menu que esta dentro de left:
ul.level3,ul.level2,ul.level4,ul.level5,ul.level6,ul.level7 {
border:1px solid #000099;
background:white;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height: 18px; padding:1px;
}
li.folder { margin-bottom: 6px; }
ul { list-style:none; }
ul,li { display:block; margin:0; padding:0; border:0;}
ul.level1 { width:150px; margin-left: 10px; }
ul.level3 { \width: 370px;
w\idth: 345px; }
ul.level2 { \width: 190px;
w\idth: 170px;}
ul.level4 { \width: 150px;
w\idth: 110px; }
ul.level5 { \width: 280px;
w\idth: 240px;}
ul.level6 { \width: 230px;
w\idth: 190px;}
ul.level7 { \width: 260px;
w\idth: 220px;}
li { position:relative; padding:1px; z-index:9; }
li.button, li.margin, li.folderbuttons { background: url(../images/button.gif) no-repeat; height: 25px; color: #0000CC; font-size:16px; font-weight:bold;}
li.margin,li.folderbuttons,li.button {height: 45px; }
ul.level3 { margin-left: 59px; }
li.folder:hover { z-index:10; background-color:#FFFF66}
li.folder ul { position:absolute; display:none; left:100px; /* IE */ top:5px; margin-top: -8px; }
li.folder>ul { left:140px; }
li.folderbuttons:hover { z-index:10; }
li.folderbuttons ul {
position:absolute;
display:none;
left:100px; /* IE */
top:5px;
margin-top: -5px;}
li.folderbuttons>ul { left:140px; }
ul.level1 li.folderbuttons:hover ul.level2,
ul.level1 li.folderbuttons:hover ul.level4,
ul.level1 li.folderbuttons:hover ul.level5,
ul.level1 li.folderbuttons:hover ul.level6,
ul.level1 li.folderbuttons:hover ul.level7,
ul.level2 li.folder:hover ul.level3
{ display:block; }
u1 a { width:100%; /* IE */ }
li>a { width:auto; }
a.subitem { text-decoration:none; color: #0000CC; }
a.subitem:hover {
text-decoration:none; color: #0000CC; }
li.color:hover { background-color:#FFFF66; }
a.nivel1 { color: #0000CC; font-size:16px; font-weight:bold;
text-decoration:none; }
a.nivel1:hover { text-decoration:none; color: #0000CC;}
El menu nivel 1 es level1, y botones son: li.margin,li.folderbuttons,li.button
dirarck
No hace falta irse muy <a href="http://www.w3.org/Style/CSS/">lejos</a> pa probar el position fixed, donde único veo k no furula es en IE, ero eso ya lo tienes resuelto con el meddle
helenp
NO, furula con lo de Meddle.
Lo que no funciona es el menu en Opera.
dirarck
Lo que yo te quería decir es que en <a href="http://www.w3.org/Style/CSS/">http://www.w3.org/Style/CSS/</a> usan el position fixed y donde unico no funciona es en IE, tonces puedes hacer copy paste del menu de ese sitio, y kedarte con el javascript de meddle para IE
helenp
Gracias, no te entendí.
Vaya deberes me das :) leer pagina de w3s
Bueno intentandolo, primer pregunta,
¿que diferencia hay entre poner esto como tienen ellos:
body>div#left
a poner div#left o solo #left?
Es que ellos tienen position fixed y demas reglas metido en body>div#left, y si yo lo pongo así se me descuadra todo.
Parece Mission Imposible.
dirarck
Si IE soportara esa clase de selectores no habría mayor diferencia que el peso de las reglas(influenciado por la cascada), pero como el niño mimado no soporta el selector de hijos (body > div) tonces la diferencia es que eso en IE no furula (es un modo más de excluir a IE).
dirarck
Helenp, parece que tienes un angelito de la guarda (o k tu misma eres el angelito :P), pero navegando por jai buscando cosillas para un proyecto k tengo en mente encontré <a href="http://www.tierradenomadas.com/rc012.phtml">esto</a> y la verdad que para el caso te viene que ni pintado.
helenp
dirarck
Helenp, parece que tienes un angelito de la guarda (o k tu misma eres el angelito :P), pero navegando por jai buscando cosillas para un proyecto k tengo en mente encontré <a href="http://www.tierradenomadas.com/rc012.phtml">esto</a> y la verdad que para el caso te viene que ni pintado.
Vaya, pero que co...........has encontrado?
si hace el fixed hasta en IE sin javascript?
si eso no lo tenía no la de w3.............
a ver si lo puedo intentar meter................la hora que es, pero desde luego parece mas sencillo................ y funciona en opera:
ejemplo aquí: http://www.tierradenomadas.com/rc012a.html
helenp
Bueno, parece superbien, pero,
Lo de angel de guarda, hmm
He probado aplicar su css a lo mio y nada.............fatal.
Y despues para comprobar, he hecho una pagina nueva con su html y su css, y perfecto de maravilla, despues en su div que llaman Fija, he metido unicamente el ul, o sea el menu entero con su link a mi css,
Y horrible, en todos se ven mal, no se ve ni botones ni nada, sale solo los links, como una lista.
Con lo de meddle todo perfecto excepto opera.
Es algo del menu que en sí, tendrá alguna incompatibilidad creo yo.,
Pero bueno, el link fantastico, y si lo podría aplicar mejor que javascript no?
dirarck
En mi opinión si sería mejor que javascript
helenp
he editado de mientras estabas contestando dirarck :)
jejejejeje, y ahora lo edito otra vez...........
la pagina de tierra nomadas no se veia tan bien, porque tenia los links mal, oops
no creo que sea buena hora a la 1.00 de la mañana para trabajar.
perdon tanto escribir, mañana lo sacaré.... ojalá
pues parece que si va, o puede ir, pero en opera sigue haciendo parecido.
A ver cuando vaya a poner el top y una columana derecha.
helenp
Nada, no me sale,
alli se ve muy facil, pero despues.,
y ademas hace lo mismo con los botones del menu en opera,
Asi que como ya la maquetacion estaba hecha y para no liarme,
me quedo con lo de Meddle de momento.
asi que es algo del menu que lo hace, ¿pero el que?.
SOCORRO
Por un lado me podria pasar de opera, ya que segun mis estadisticas si son correctas lo usa un 0.1 % frente a mozilla 1.6% y IE 95.8%
Pero no me gusta.
helenp
Tiro la toalla.
No me vale nada, o soy incapacitado para hacerlo.
lo de meddle, no me vale, no pensé que habia que usar forcing quirks mode, y claro ya no funciona margin auto.
Lo de tierranomadas solo vale para diseño sencillo, no puedo bajar el left, ni funciona margin auto.
queda un alternativa, que dijo meddle hace tiempo para positionar el menu.
dijo esto: 3. No usar position:fixed; y meter directamente js crossbrowser para controlar donde se situa el menu.
Me valdría siempre que no haga un archivo .js pesado, que eso no quiero.
Otra cosa que no sé hacer, alguien sabe donde lo puedo aprender facilmente?