Buenas tardes Gerardo, me temo que no es el mismo caso. El primero que propones no es posible, puesto que la imagen (o imágenes pues este div se repite n veces en la página, una por cada oferta que presento) no puede ir de background; y en cuanto a la segunda, el dichoso div que contiene la imagen no puedo referenciarse en función del body, puesto que no es único ... jejeje .... parecía muy fácil pero llevo ya un buen rato.
De cualquier forma, gracias por tu aportación. Saludos, Montserrat Vázquez Hernando mvazq...@ceca.es El 24/03/2011 14:25, Gerardo Oscar Jimenez Tornos escribió: > ¿Te valdría ponerla como imagen de fondo centrada y sin repetir? > > http://www.treeweb.es/TreeWeb/Articulos/HTML-y-CSS/Centrar-imagen-de-fondo-en-una-pagina > > Si no también puedes probar algo de esto: > http://www.treeweb.es/TreeWeb/Articulos/HTML-y-CSS/Centrar-un-div-en-una-pagina > > > > > El 24 de marzo de 2011 14:19, Montserrat Vázquez Hernando > <mvazq...@ceca.es>escribió: > >> Buenas tardes, >> >> acudo hoy a vosotros con un problema que apriori puede parecer trivial >> pero os aseguro que no lo es. Tengo un div, del que conozco las >> dimensiones y dentro debo pintar una imagen, centrada horizontal y >> verticalmente, sin saber el tamaño que puede tener, por lo que no puedo >> jugar con margins y paddings ... he conseguido que funcione utilizando >> "display:table" y "display: table-cell" pero curiosamente SOLO funciona >> en IE 8, y no el el resto (IE 7, Firefox y Chrome), para el resto, >> cuando la imagen es más pequeña, se pega al top/left. >> >> Os paso extracto de la página: >> >> #ofertas{margin:5px 0 0 280px; width:675px; min-height: 170px;} >> #ofertas p{ margin:5px 0} >> #ofertas.oferton h4{font:bold 14px Helvetica, Arial, >> sans-serif;color:#666;margin-bottom:10px; color:#EC1C24} >> >> >> #ofertas div.imagen{ >> border:solid 2px #dadada; >> padding:5px; >> width:144px; >> height:144px; >> float:left; >> margin-right:10px; >> display: table; >> } >> >> #ofertas div.imagen img { >> display: table-cell; >> vertical-align: middle; >> position: relative; >> } >> >> >> >> <div id="ofertas" class="oferton"> >> <div class="imagen"> >> <img src="img/1img_viajes.gif" alt="xxxxx" /> >> </div> >> <h4>Aqui el título de la oferta</h4> >> <p>Aquí la descripción de la oferta. Aquí la descripción de la oferta. >> Aquí la descripción de la oferta.Aquí la descripción de la oferta. >> Aquí la descripción de la oferta.<a href="" class="resaltado">Más info >> ...</a></p> >> </div> >> >> ¿Se os ocurre como hacerlo para que funcione en todos los navegadores? >> >> -- >> >> Montserrat Vázquez Hernando >> >> mvazq...@ceca.es >> >> _______________________________________________ >> Lista de distribución Ovillo >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >> > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
