Comentarios sin revisar del artículo: Estilos distintos para cada navegador

2 comentarios sin revisar
01/2/08

Por: jabe
lo mejor es saber qué navegador es y luego añadirle el estilo necesario para cada uno (explorer o firefox, etc...)

Por ejemplo esto me vino bien para mi pagina en una galeria de imagenes, para saber qué imagen era mas ancha que alta, y ponerle un estilo y centrarla dentro de un marco, y cuando la imagen es mas alta que ancha para darle otro estilo y centrarla tambien dentro del marco, espero que os sirva,

<script language="javascript">
d = document.getElementById("galeria_fotos")
e = document.images
for (x=0; x < e.length; x++) {
if (document.images[x].id=="galeria") {
if (document.images[x].width > document.images[x].height) {
document.images[x].width="122"
document.images[x].height="82"
if (navigator.appName == "Netscape"){
document.images[x].style.padding="28px 0px 40px 0px"}
else if (navigator.appName.indexOf("Explorer") != -1) {
document.images[x].style.padding="28px 4px 40px 17px"}
} else {
document.images[x].height="122"
document.images[x].width="82"
if (navigator.appName == "Netscape"){
document.images[x].style.padding="8px 0px 0px 0px"}
else if (navigator.appName.indexOf("Explorer") != -1) {
document.images[x].style.padding="8px 26px 8px 37px"}
}
}
}
</script>

Un Abrazo,

JABE
05/5/09
Cuando usar una, cuando usar otra
Por: Juan Andres Segreda
Pues para este ejemplo, de tan solo un cambio de imagen es mejor la opcion destacada por el foro, no obstante cuando se tiene problemas con CSS mas complejos como ciertos menus dinamicos, es mejor la segunda ya que IE es muy malo en CSS y muchas veces no carga bien un scrip que en todos los otros navegadores si funciona!

Alojados en el grupo