por ejemplo en una web ke estoy haciendo unas fotos que tienen estos valores:
Código:
<div id="img1"><a href="imagenes/img/1.jpg"rel="lightbox"><img src="imagenes/img/1.jpg" title="lightbox" width="80" height="80"></a></div>
<div id="img2"><a href="imagenes/img/2.jpg" rel="lightbox"><img src="imagenes/img/2.jpg" width="80" height="80"></a></div>
<div id="img3"><a href="imagenes/img/3.jpg"rel="lightbox"><img src="imagenes/img/3.jpg" rel="lightbox" width="80" height="80" /></a></div>
<div id="img4"><a href="imagenes/img/4.jpg"rel="lightbox"><img src="imagenes/img/4.jpg" rel="lightbox" width="80" height="80" /></a></div>
<div id="img5"><a href="imagenes/img/5.jpg"rel="lightbox"><img src="imagenes/img/5.jpg" rel="lightbox" width="80" height="80" /></a></div>
<div id="img6"><a href="imagenes/img/6.jpg"rel="lightbox"><img src="imagenes/img/6.jpg" rel="lightbox" width="80" height="80" /></a></div>
<div id="img7"><a href="imagenes/img/7.jpg"rel="lightbox"><img src="imagenes/img/7.jpg" rel="lightbox" width="80" height="80" /></a></div>
<div id="img8"><a href="imagenes/img/8.jpg"rel="lightbox"><img src="imagenes/img/8.jpg" rel="lightbox" width="80" height="80" /></a></div>
css:
Código:
/*css de los cuadros donde van las imagenes ke seran ejecutadas por el lightbox*/
#img1{width:80px; height:80px;float:left; margin-left:40px; margin-top:20px;}
#img2{width:80px; height:80px;float:left;margin-top:20px;}
#img3{width:80px; height:80px;float:left;margin-top:20px;}
#img4{width:80px; height:80px;float:left;margin-top:20px;}
#img5{width:80px; height:80px;float:left;margin-top:20px;}
#img6{width:80px; height:80px;float:left;margin-top:20px;}
#img7{width:80px; height:80px;float:left;margin-top:20px;}
#img8{width:80px; height:80px;float:left; margin-left:40px;margin-top:20px;}
en el mozilla se me ve una manera toda esta galeria de fotos mas a la izquierda de la celda ke las contiene pero en el internet explorer 7 se me ven como unos 15 px mas a la derecha!!!
como tengo que modificar el codigo para que se me vean lo mas parecido posible en ambos navegadores?
otra pregunta a la hora de maquetar texto e imagenes que tengo que tener en cuenta a la hora de utilizar medidas como pixeles o uso "em" o que tengo que usar que entiendan bien los dos navegadores???