Ayuda con CSS- Doble Fondo en una tabla y centrar en ie.

[saksxm]

Hola, este es mi primer post , me ha sido de gran ayuda este foro, pero ahora que ya acabe todo me encuentro con el siguiente problema :

Quiero poner un doble fondo a una tabla con css , osea tengo el archivo CSS y escribo:

background: url(../images3/rec_11.gif) top 0 0 repeat-x;

y si perfecto me da el fondo que quiero , pero ahora me gustaria poner otro fondo degradado hacia abajo desde el blanco.

¿Me explico?

El contenido tiene que seguir viendose aun con ambos degradados ,pero al final que este acabando el contenido tiene que empezar otro degradado (otro fondo) ...

Pero por mas que intento poniendo otra etiqueta
background: url(../images3/sfs_rec_11.gif) bottom 0 0 repeat-x

no me lo pone ....

¿Alguien sabe como?

------

Otra cosa es que en Mozila el diseño si me lo centra en la pagina ,pero en el ie no ... ´¿alguna etiqueta en especial para ie ?

Saludos.

[jcarrascal]

CSS2 no soporta más de una imagen de fondo. Para hacer lo que tu quieres tendrías que poner un div envolviendo a la tabla. Le pones el primer fondo al div y el degrade a la tabla.

[jcarrascal]

Iniciado por saksxm

Otra cosa es que en Mozila el diseño si me lo centra en la pagina ,pero en el ie no ... ´¿alguna etiqueta en especial para ie ?

Ah, no vi esto en el post anterior.

Para centrar la página lo mejor es hacer esto:

Código:

body {
  text-align: center; // Para IE6
}

div#wrap {
  text-align: left; // Para IE6
  margin: 0px auto; // Para el resto.
}

[saksxm]

Iniciado por jcarrascal

CSS2 no soporta más de una imagen de fondo. Para hacer lo que tu quieres tendrías que poner un div envolviendo a la tabla. Le pones el primer fondo al div y el degrade a la tabla.

<div style="width:100%; height:110px; position:fixed; bottom:0px; background:url(images2/Repeticion inverso.png) repeat-x;"></div>


Pero no sale el fondo ?? ... que estoy haciendo mal ?

No tendras un ejemplo !!

GRACIAS POR LO DE LOS NAVEGADORES !! WOOW GRACIAS !

[jcarrascal]

Hola saksxm.

Asegúrate que el segundo fondo sea semi-transparente o no veras el que queda detrás. Aquí hay un ejemplo:

Código:

<div style="background:url(fondo1.jpg)">
  <table style="background:url(fondo2.png)">
    <!-- Solo los GIFs o PNGs tienen transparencia -->
    <tr><td>Doble fondo</td></tr>
  </table>
</div>