Comunidad de diseño web y desarrollo en internet online

Encajar dos imagenes.

Citar            
MensajeEscrito el 12 Nov 2006 08:05 am
Llevo un par de dias intentando encajar dos imagenes mediante capas y decir que ya estoy desesperado puesto que no puedo verlo bien en Explorer. En FireFox sale perfecto casi a la primera. En el explorer si quito un pixel con margin se me mueve uno delante, si sumo uno se me va detras. Nunca encajan las dos imagenes.
ESto me esta volviendo loco. Sabeis que solucion darme?. Os pongo el codigo y los enlaces para que veais exactamente lo que estoy diciendo.

Este es el CSS:

html {
padding:0px;
margin:0px;
}
body {
background-color: #bcbcbc;
font-size: 12px;
color:#564b47;
text-align:center;
margin:0px;
padding:0px;
}
#box {
width:750px;
margin: 0px auto;
padding:0px;
text-align:left;
}
.arriba {
width: 750px;
clear: both;
margin: auto;
padding: 0px;
}
.cuerpo {
width: 748px;
background-color: #FFFFFF;
margin: auto;
clear:both;
padding: 0px;
height: 300px;
}
.logo {
float: left;
width:200px;
margin-left: 15px;
margin-top: 20px;
padding: 0px;
}
.menusup {
padding: 0px;
float: right;
margin: auto;
margin-right: 9px;
_margin-right: 5px;
}


Este es el HTML:


<!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=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<link href="parro.css" rel="stylesheet" type="text/css" />
</style>
</head>

<body><br /><br />
<div class="box">
<div class="arriba"><img src="top.gif" width="748" height="19" border="0" /></div>
<div class="cuerpo">
<div class="logo"><img src="logo.gif" alt="logotipo" /></div>
<div class="menusup"><img src="menusup.gif" alt="menu parroquia" width="259" height="72" /></div>
</div>
</div> <!-- final de la caja box -->
</body>
</html>


Os pondre los enlaces para que veais elk problema rapidamente con ambos navegadores:

http://www.bluesunestudios.com/bocetos/prueba/

Para bajar el codigo: http://www.bluesunestudios.com/bocetos/prueba/prueba.rar

Ayuda please, os lo agradecer eternamente.

Por jariscano

14 de clabLevel



 

firefox
Citar            
MensajeEscrito el 14 Nov 2006 01:59 am
Puede ser por el borde que le pone IE a las imagenes. Prueba a quitarselo:

Código :

img{
border:none;
}


Saludos!

Por Lunatic Lycanthrop

Claber

1203 de clabLevel

7 tutoriales

1 ejemplo

Genero:Masculino  

The dark places where wolves access internet with 46,6 kbps

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.