Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/09/2006, 03:53
Avatar de Bytevamp
Bytevamp
 
Fecha de Ingreso: junio-2005
Ubicación: /var/www/
Mensajes: 789
Antigüedad: 18 años, 9 meses
Puntos: 7
Problemas de visualizacion en el Explorer

Hola, ya se que debe ser una tonteria pero ,..., a veces lo mas tonto es lo mas dificil(al menos cuando tienes poca idea de CSS como es mi caso), tengo la siguiente pagina: http://www.bytevampsoft.com/fotossesions/ , en Firefox se ve bien, pero en el Explorer los cuadros de buscar, e-mail, usuario y contraseña se desvian bastante, he intentado colocar el cuadro buscar, pero no hay forma, se me pone al principio del div buscar, y no en su posicion, el codigo(para que quede un poco mas claro) es:

Código HTML:
<div id="menu">	
	<img src="./imagenes/menu.gif" border="0" usemap="#Mapa" alt="Mapa" />	
	<map name="Mapa" id="Mapa">
		<area shape="rect" coords="3,5,50,25" href="./index.php" alt="inicio" />
		<area shape="rect" coords="50,5,150,25" href="./fotossesions.php" alt="Fotossesions" />
		<area shape="rect" coords="150,5,225,25" href="./productos.php" alt="Productos" />
		<area shape="rect" coords="225,5,330,25" href="./contratacion.php" alt="Contratacion" />
		<area shape="rect" coords="330,5,400,25" href="./contacta.php" alt="Contacta" />
		<area shape="rect" coords="400,5,475,25" href="./prensa.php" alt="Prensa" />
	</map>
	<div id="buscar">
		<form name="buscar" method="post" enctype="application/x-www-form-urlencoded" action="buscar.php">
			<input type="text" name="buscar" onkeydown="Enviar();" value="Buscar" class="texto-buscar" size="24" />&nbsp;
		</form>
	</div>
</div> 
Para Firefox, el CSS es:
Código HTML:
#menu
{
	width:878px; 
	height:28px; 
	margin:0 auto 0 auto;	
	top:150px; 
	z-index:1;
	
}

#buscar
{
	text-align:right;
	width:873px; 
	height:28px; 
	top:147px;	
	position:absolute;
	z-index:1;	 
}
este funciona bien, el que no me va es el del Explorer que es:

Código HTML:
#menu
{
	width:878px; 
	height:28px; 
	margin:0 auto 0 auto;	
	top:150px; 
	z-index:1;
	
}

#buscar
{
	left:705;
	top:-50px;	
	position:relative;
	z-index:2;	 
}
Decir, que tal y como recomendaron por un post anterior, en lugar de usar Hacks para el explorer uso condicionales para cargar uno u otro css, de la siguiente forma(por si es relevante):

Código HTML:
<!--[if IE]>
	<link href="./stylos/ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE]><![if !IE]><![endif]-->
	<link href="./stylos/estilos.css" rel="stylesheet" type="text/css" />
<!--[if IE]><![endif]><![endif]--> 
Gracias por la ayuda.

Saludos.
__________________
"zankius veri mach" a todos los que me habeis ayudado.
carteles para inmobiliarias || alquiler de coches