Gente:
Tengo un cliente que quiere poder cambiar la imagen de fondo de su sitio. Sólo puedo pedirle que "recorte" la foto, no sabe nada de edición, o sea que el ancho puede variar cada vez. La imagen se obtiene de una db mysql, via php. En explorer, la imagen siempre queda en donde debe ir: a la derecha. Pero en FireFox, me queda a la izquierda, y no sé cómo solucionarlo.
Acá Van los códigos:
CSS:
Código:
#marco
{
text-align:center;
height:auto;
width: 772px;
margin:auto;
border: 1px #FFF solid;
margin-top:10px;
}
#contenedor
{
width:771px;
height: 500px;
min-height: 500px;
height: auto !important;
margin: auto;
background-color:#5F0415;
text-align:center;
}
#cabecera{
width: 771px;
background-image:url(elementos/banner.jpg);
height:137px;
}
#botonera
{
padding-top:115px;
float: right;
margin:0;
}
#cuerpoindex
{
background-repeat:no-repeat;
width:771px;
text-align:left;
}
#botones
{
padding-top:31px;
float:left;
width:228px;
}
#thumbs
{
float:right;
margin-right:15px;
padding-top:7px;
}
.thumb
{
border: #999999 solid 1px;
margin-top:5px;
}
#contacto
{
padding-top:80px;
}
SALVEDAD PARA IE
Código:
#cuerpoindex
{
background-position-x:250px;
}
PAGINA (QUITÉ el código PHP)
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Gradisca lenceria fina ropa interior algodon raso maternal señoras juvenil novias</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="keywords" content="lenceria fina algodon raso juvenil maternal señoras produccion artesanal venta mayorista">
<link href="estilos.css" rel="stylesheet" type="text/css">
<!--[if IE 6]>
<link rel="stylesheet" media="all" type="text/css" href="estilosie6.css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" media="all" type="text/css" href="estilosie.css" />
<![endif]-->
</head>
<body>
<div id="marco">
<div id="contenedor">
<div id="cabecera">
<div id="botonera">
<a class="boto" href="index.php">Principal</a> <a class="boto" href="institucional.php">Institucional</a>
<a class="boto" href="ubicacion.php">Dónde encontrarnos</a>
<a class="boto" href="contacto.php">Contacto</a>
</div>
</div>
<div id="cuerpoindex" style="background-image:url(elementos/index/<? echo $row['foto'];?>);height:<? echo $row['altura'];?>px;">
<div id="botones">
<a href="verano.php"><img src="elementos/boton1.jpg" alt="Colección primavera verano" border="0"/></a><br/>
<a href="invierno.php"><img src="elementos/boton2.jpg" alt="Colección otoño invierno" border="0"/></a>
<div id="contacto">
<a href="contacto.php"><img src="elementos/contacto.jpg" alt="Belgrano 68 - 2º A - Bahía Blanca - [email protected]" border="0"/></a> </div>
</div>
<div id="thumbs">
<div class='thumb'><a href='index2.php?id=".$row['id']."'><img src='http://www.gradisca.com.ar/thumbnail.php?x=90&y=90&file=elementos/index/".$row['foto']."' alt='foto de catálogo' border='0'/></a></div>
</div>
</div>
<div id="pie">
<span class="textopie">© 2005 - 2008 Gradisca | <a href="http://www.emporia.com.ar" class="enlacepie" target="_blank">Diseño y Desarrollo: Emporia Diseño Web Estratégico</a></span>
</div>
</div>
</div>
</body>
</html>
y si quieren verla...
www.gradisca.com.ar
¿alguna idea de cómo resolver esto?