Mi pagina web se ve mal en firefox

rodrigoramirez93@gmail.co · 27 Ago 2012, 18:23 · Solicitar retirada

Buenos dias, soy nuevo en el foro.
La verdad que a lo largo de la creacion de mi pagina este foro me ayudo un monton, y queria agradecerles por la ayuda tacita que como a mi, nos dan a muchos novatos en programacion
Bueno la verdad que me estoy volviendo un poco loco, la pagina en la que estoy trabajando aparece genial en google chrome, pero no en mozilla.
aqui está el codigo para que me den una mano, (no se si lo voy a pasar bien jaja), lo que le pasa es que las imagenes pequeñas en firefox aparecen con un margen mayor al de chrome y eso hace que una imagen se me vaya para abajo. Raro, por que no use tablas, ni divs, solo puse las imagenes miniaturas ahi, es decir qeu no deberia aparecer un margen mayor al de un espacio.

este codigo se corresponde a la parte de "Equipamiento"
la pagina es esta : http://www.estudiotestadiferro.com.ar

(es probable que sea algun boludez que no me rescato, pero bueno, gracias por su ayuda)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Paisajismo Testadiferro - Equipamiento</title>
<link href="CSS/Estilos Basicos.css" rel="stylesheet" type="text/css" />
<link href="CSS/Textos.css" rel="stylesheet" type="text/css" />
<link href="CSS/Equipamiento.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p=new Image; d.MM_p[j++].src=a;}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d)&&d.all) x=d.all; for (i=0;!x&&i<d.forms.length;i++) x=d.forms;
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_effectAppearFade(targetElement, duration, from, to, toggle)
{
Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
}
</script>
</head>
<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-34326280-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>
<body onload="MM_preloadImages('Imagenes/imagenes grandes/GCAMION.jpg','Imagenes/imagenes grandes/GCAMION2.jpg','Imagenes/imagenes grandes/GCAMIONETA.jpg','Imagenes/imagenes grandes/GCAT2.jpg','Imagenes/imagenes grandes/GFUMIGA.jpg','Imagenes/imagenes grandes/GRETROEX.jpg','Imagenes/imagenes grandes/GCAT.jpg','Imagenes/imagenes grandes/GRETROEX2.jpg')">
<div id="Principal">
<div id="Encabezado"><img src="derp.jpg" width="900" height="400" alt="logo" /></div>
<div id="menu"><a href="index.html"><img src="botonBienvenidos.jpg" width="225" height="46" alt="btn_bienvenidos" /></a><a href="servicios.html"><img src="botonServicios.jpg" width="225" height="46" alt="btn_servicios" /></a><a href="Equipamiento.html"><img src="botonequipamiento.jpg" width="225" height="46" alt="btn_equipamiento" /></a><a href="Contacto.html"><img src="botoncontacto.jpg" width="225" height="46" alt="btn_contacto" /></a></div>
<div id="Contenido">
<table width="806" height="511" border="0" cellpadding="10" cellspacing="0">
<tr>
<td width="700" height="100" bgcolor="#000000"><p><img src="Imagenes/imagenes grandes/GCAMION.jpg" name="contenedoreq" width="850" height="600" id="contenedoreq" /></p>
<p> <img src="Imagenes/miniaturas/CAMION.jpg" name="MCAM1" width="102" height="100" id="MCAM1" onclick="MM_swapImage('contenedoreq','','Imagenes/imagenes grandes/GCAMION.jpg',1);MM_effectAppearFade(this, 1000, 50, 100, false)" /> <img src="Imagenes/miniaturas/CAMION2.jpg" name="MCAM2" width="103" height="100" id="MCAM2" onclick="MM_swapImage('contenedoreq','','Imagenes/imagenes grandes/GCAMION2.jpg',1);MM_effectAppearFade(this, 1000, 50, 100, false)" /> <img src="Imagenes/miniaturas/CAMIONETA.jpg" name="MCAMIO" width="100" height="100" id="MCAMIO" onclick="MM_swapImage('contenedoreq','','Imagenes/imagenes grandes/GCAMIONETA.jpg',1);MM_effectAppearFade(this, 1000, 50, 100, false)" /> <img src="Imagenes/miniaturas/CAT1.jpg" name="MCAT1" width="102" height="100" id="MCAT1" onclick="MM_swapImage('contenedoreq','','Imagenes/imagenes grandes/GCAT.jpg',1);MM_effectAppearFade(this, 1000, 50, 100, false)" /> <img src="Imagenes/miniaturas/CAT2.jpg" name="MCAT2" width="103" height="100" id="MCAT2" onclick="MM_swapImage('contenedoreq','','Imagenes/imagenes grandes/GCAT2.jpg',1);MM_effectAppearFade(this, 1000, 50, 100, false)" /> <img src="Imagenes/miniaturas/FUMIGA.jpg" name="MFUMIG" width="103" height="100" id="MFUMIG" onclick="MM_swapImage('contenedoreq','','Imagenes/imagenes grandes/GFUMIGA.jpg',1);MM_effectAppearFade(this, 1000, 50, 100, false)" /> <img src="Imagenes/miniaturas/RETROEX.jpg" name="MRET" width="102" height="100" id="MRET" onclick="MM_swapImage('contenedoreq','','Imagenes/imagenes grandes/GRETROEX.jpg',1);MM_effectAppearFade(this, 1000, 50, 100, false)" /> <img src="Imagenes/miniaturas/RETROEX2.jpg" name="MRET2" width="100" height="100" id="MRET2" onclick="MM_swapImage('contenedoreq','','Imagenes/imagenes grandes/GRETROEX2.jpg',1);MM_effectAppearFade(this, 1000, 50, 100, false)" /></p>
<div class="textoequip">
<p>Estas son algunas fotografías que acompañan a nuestro equipamiento, que está conformado por: Un camión hidroelevador pesado, un camión hidroelevador liviano, Volcadores, Cat (dos) minipalas, pala retroexcavadora, tractores (dos) y demás herramientas de trabajo necesarias en nuestro rubro.</p>
<p> </p>
</div></td>
</tr>
</table>
<br />
<br />
</div>
<br />
<div id="pie">Estudio paisajismo Testadiferro y Asociados calle Castex 739, Canning. | telefono 011-4232-0985</div>
</div>
</body>
</html>

serquin · 27 Ago 2012, 21:07 · Solicitar retirada

Hola, yo con moxilla la veo bien, con IE se ve mal, pero solo la barra de navegacion, eso se debe a que has usado imagenes para hacer dicha barra, las cuales estan dentro de una capa que has llamado "menu", y a la cual no le has dado ninguna clase de estilos, por que yo por lo menos no la veo en tus hojas de estilos, y claro, los navegadores le asignan un margen por defecto, la solucion, resetea todos los estilos, asignale propiedades a esa capa menu o crea una barra de navegacion usando listas. cualquier cosa, por aqui estamos, un saludo

rodrigoramirez93@gmail.co · 27 Ago 2012, 21:20 · Solicitar retirada

yo me refería a la seguidilla de imagenes en miniatura debajo de la gran imagen que uso como contenedor, vos la ves en fila ? o alguna se sale ?

serquin · 28 Ago 2012, 13:14 · Solicitar retirada

Como te dije en el post anterior se ve bien con mozilla y todos los demas, incluso en iphone. solo se ve mal con IE.