Foros del Web » Creando para Internet » HTML »

Problemas con distintos navegadores

Estas en el tema de Problemas con distintos navegadores en el foro de HTML en Foros del Web. Buenos dias a todos, soy nuevo en el foro y me gustaría que me intentaran resolver un problema que tengo con los diferentes navegadores. Le ...
  #1 (permalink)  
Antiguo 27/08/2010, 11:59
 
Fecha de Ingreso: agosto-2010
Mensajes: 3
Antigüedad: 7 años, 3 meses
Puntos: 0
Problemas con distintos navegadores

Buenos dias a todos, soy nuevo en el foro y me gustaría que me intentaran resolver un problema que tengo con los diferentes navegadores.
Le estoy haciendo la pagina a un amigo de una pizzería y tengo una parte de codigo que tiene un comportamiento muy distinto dependiendo del navegador y no consigo arreglarlo.
El código en cuestion es:
<style type="text/css">
#slideshow {
color:#fff;
list-style-type: none;
}
#slideshow li {
display:inline
}
.menuanimado {
overflow: hidden;
height: 80px;
width: 502px;
position: absolute;
}
</style>
.
.
.
.

<table>
<tr>
<td style="position:relative;">
<img src="imagenes/izquierda.png" onclick="clearTimeout(tiempo); desplazamiento=180; despl_der(-35)"/>
</td>
<td class="menuanimado" style="position:relative">
<div class="menuanimado" style="">
<ul id="slideshow">
<li id="imagen1" class="imagen" title="Entrantes" onclick="cambiacarta('entrantes')" style="left:-35px; height:80px; width:80px; position:relative">
<img style="position:absolute; height:80px; width:80px" src="imagenes/ensaladas.jpg"/>
<img style="position:absolute; z-index:150; width:80px; height:80px" src="imagenes/Entrantes2.png">
</li>

<li id="imagen2" class="imagen" title="Platos Combinados" onclick="cambiacarta('platos')" style="left:55px; height:80px; width:80px; position:relative">
<img style="position:absolute; height:80px; width:80px" src="imagenes/platocombinado.jpg"/>
<img style="position:absolute; z-index:150; height:80px; width:80px" src="imagenes/Platos.png">
</li>

<li id="imagen3" class="imagen" title="Sandwiches" onclick="cambiacarta('sandwiches')" style="left:145px; height:80px; width:80px; position:relative">
<img style="position:absolute; width:80px; height:80px" src="imagenes/sandwiches.jpg"/>
<img style="position:absolute; z-index:150" src="imagenes/Sandwiches2.png">
</li>

<li id="imagen4" class="imagen" title="Croissants" onclick="cambiacarta('croisants')" style="left:235px; height:80px; width:80px; position:relative">
<img style="position:absolute; width:80px; height:80px" src="imagenes/croissant.jpg"/>
<img style="position:absolute; z-index:150" src="imagenes/Croisants.png">
</li>

<li id="imagen5" class="imagen" title="Hamburguesas y Perritos" onclick="cambiacarta('hamburguesas')" style="left:325px; height:80px; width:80px; position:relative">
<img style="position:absolute; width:80px; height:80px" src="imagenes/hamburguesa.jpg"/>
<img style="position:absolute; z-index:150" src="imagenes/Hamburguesas.png">
</li>

<li id="imagen6" class="imagen" title="Bocatas" onclick="cambiacarta('bocatas')" style="left:415px; height:80px; width:80px; position:relative">
<img style="position:absolute; width:80px; height:80px" src="imagenes/bocadillo.jpg"/>
<img style="position:absolute; z-index:150" src="imagenes/Bocatas.png">
</li>

<li id="imagen7" class="imagen" title="Pizzas" onclick="cambiacarta('pizza')" style="left:505px; height:80px; width:80px; position:relative">
<img style="position:absolute; width:80px; height:80px" src="imagenes/Pizza.jpg"/>
<img style="position:absolute; z-index:150" src="imagenes/Pizza.png">
</li>

<li id="imagen8" class="imagen" title="Carnes" onclick="cambiacarta('carnes')" style="left:595px; height:80px; width:80px; position:relative">
<img style="position:absolute; width:80px; height:80px" src="imagenes/carne.jpg"/>
<img style="position:absolute; z-index:150" src="imagenes/Carnes.png">
</li>

<li id="imagen9" class="imagen" title="Pescados" onclick="cambiacarta('pescados')" style="left:685px; height:80px; width:80px; position:relative">
<img style="position:absolute; width:80px; height:80px" src="imagenes/pescado.jpg"/>
<img style="position:absolute; z-index:150" src="imagenes/Pescados.png">
</li>

<li id="imagen10" class="imagen" title="Linea Integral" onclick="cambiacarta('integral')" style="left:775px; height:80px; width:80px; position:relative">
<img style="position:absolute; width:80px; height:80px" src="imagenes/pan-integral.jpg"/>
<img style="position:absolute; z-index:150" src="imagenes/Integral.png">
</li>

<li id="imagen11" class="imagen" title="Combinados de frutas naturales" onclick="cambiacarta('combinados')" style="left:865px; height:80px; width:80px; position:relative">
<img style="position:absolute; width:80px; height:80px" src="imagenes/frutas.jpg"/>
<img style="position:absolute; z-index:150" src="imagenes/Frutas.png">
</li>

<li id="imagen12" class="imagen" title="Love Smoothies" onclick="cambiacarta('love')" style="left:955px; height:80px; width:80px; position:relative">
<img style="position:absolute; width:80px; height:80px" src="imagenes/LoveSmoothie.png"/>
<img style="position:absolute; z-index:150" src="imagenes/Love.png">
</li>

<li id="imagen13" class="imagen" title="El Rincon del Gourmet" onclick="cambiacarta('rincon')" style="left:1045px; height:80px; width:80px; position:relative">
<img style="position:absolute; width:80px; height:80px" src="imagenes/gourmet.jpg"/>
<img style="position:absolute; z-index:150" src="imagenes/Rincon.png">
</li>

</ul>
</div>
</td>

<td>
<img src="imagenes/derecha.png" onclick="clearTimeout(tiempo); desplazamiento=180; despl_izq(382)"/>
</td>

</tr>
</table>



Muestro las imagenes de los siguientes navegadores

Internet Explorer 7



así es como quiero que salga en todos los navegadores,

pero si uso el Firefox 3.6.8


y con Opera



Alguien me puede decir como hacer para que el firefox y el opera me muestren como en IE

Muchas gracias a todos.
  #2 (permalink)  
Antiguo 28/08/2010, 18:30
 
Fecha de Ingreso: agosto-2010
Mensajes: 3
Antigüedad: 7 años, 3 meses
Puntos: 0
Respuesta: Problemas con distintos navegadores

Bueno como nadie ha podido responderme, he estado probando cosas y al final consegui arrerglarlo.
El problema estaba en el segundo td de la tabla, no se cual es el error pero de esta forma se ve bien que es lo que me interesa

<script language="Javascript">
if (navigator.appName=="Microsoft Internet Explorer")
document.write('<td class="menuanimado" style="position:relative"><div class="menuanimado" style="">')
else
document.write('<td><div style="height:80px; width:502px;overflow:hidden">');
</script>

De todas formas, gracias a todos lo que se han interesado. Saludos.
  #3 (permalink)  
Antiguo 28/08/2010, 18:45
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 7 años, 6 meses
Puntos: 309
Respuesta: Problemas con distintos navegadores

También puedes hacerlo con comentarios condicionales, ¿no?
Código HTML:
Ver original
  1. <!-- [if IE] -->
  2. <style rel='stylesheet' type='text/css' href='estilosie.css' />
  3. <!-- <![endif]-->
  4. <!-- [if !IE] -->
  5. <style rel='stylesheet' type='text/css' href='estilosdemas.css' />
  6. <!-- <![endif] -->

Saludos (:
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red

Etiquetas: distintos, navegadores
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:06.