Son las 12:43 del sabado y deberia estar emborrachandome como dios manda, sin embargo estoy ojeando google groups como un obseso por un problema con el css.
Me explico: si observais el reproductor de audio arriba a la derecha con explorer y firefox observareis que el cuadro blanco donde debe aparecer el nombre del grupo y la cancion sale en el explorer un pixel mas abajo de lo que sale en el firefox.
Bien, esta chorrada basta para descolocar los botones de play y stop que son bastante pequeños . Debido a que quiero distribuir el plugin y no puedo preveer donde va a poner el usuario el reproductor estoy obligado a usar posicionamiento relativo para los elementos contenidos en el div #playerLYR
Parece ser un bug del explorer (que raro) pero no estoy seguro de nada, si el lunes no he encontrado una solucion me voy a ver obligado a meter el reproductor en un iframe y usar dentro de él posicionamiento absoluto, y odio usar iframes…
a continuacion pongo el css implicado:
/* Player interface */
#playerLYR {
position: static;
width: 175px;
height: 92px;
border: 0px;
border-color: red;
border-style: solid;
margin: 0px;
padding: 0px;
}
/* Player text display */
#marcador {
position: relative;
margin:0px;
padding:0px;
border: 2px;
border-style: solid;
border-color: white;
left: 12px;
top: 15px;
width: 130px;
height: 20px;
background-color: transparent;
font-family: Verdana;
text-align: center;
}
/* Player play button */
#wpampplay {
position: relative;
display: block;
left: 16px;
top: 44px;
}
/* Player stop button */
#wpampstop {
position: relative;
left: 39px;
top: 26px;
}
El html es mas o menos asi:
<div id=playerLYR>
<input … id=marcador>
<img id=wpampplay>
<img id=wpampstop>
</div>
Socorro…
Actualizacion 17-05-05
Efectivamente se trata de un bug de explorer, pero gracias a este post he encontrado una forma de especificar propiedades diferentes para explorer y el resto del mundo en una hoja css.
top: 26px; /* css estandar, lo lee firefox */
top: expression(’24px’); /* no es estandar ni de coña, se supone que expression es un invento de microsoft para que se pueda introducir jscript en las propias hojas css, asi que el firefox ignora la linea y explorer coje la medida necesaria para que la hoja funcione */
Continuamos quitando fallos al plugin…
