28172 sujets

CSS et mise en forme, CSS3

Voilà je cherche à habillé un site d'une image à gauche et à droite.. style colonne.

j'ai donc défini mon body dans un css comme ceci :

padding: 0; margin: 0;
background-image:url(../images/rideau_droite_grand3.jpg) !important;
background-image:url(../images/rideau_droite_grand3_ie.jpg);
background-repeat:no-repeat;
background-position:right;
background-color:#000000;
overflow:hidden;


et j'ai créer un autre div avec le code suivant :

#test {
padding: 0; margin: 0;
background-image:url(../images/rideau_gauche_grand3.jpg) !important;
background-image:url(../images/rideau_droite_grand3_ie.jpg);
background-repeat:no-repeat;
background-position:left;
overflow:hidden;
}

ensuite je fais appel à mon conteneur qui sera au dessus de tout ça... seul pb : comment faire pour que l'image de droite et de gauche s'affiche je n'arrive pas à avoir celle de gauche (celle de droite aucun problème..)

merkiiiii !
Modifié par Jijouille (07 Apr 2008 - 14:35)
Comme quoi parfois la solution vient toute seule...

voici le code du css modifié.. le body (avec colonne à droite en fond) :

body {
padding: 0; margin: 0;
background-image:url(../images/rideau_droite_grand3_ie.jpg);

background-repeat:no-repeat;
background-position:right;


background-color:#000000;
overflow:hidden;


}




et le div test pour la colonne à gauche en fond :
#test {
padding: 0; margin: 0;
background-image:url(../images/rideau_gauche_grand3_ie.jpg);

background-repeat:no-repeat;
background-position:left;
overflow:hidden;
  width                 : 100%;
  position:relative;
  height:100%;
}