28221 sujets

CSS et mise en forme, CSS3

Bonjour !

J'obtiens un affichage différent avec IE et NE sur ce site :
http://www.recette-dessert.com.

Au centre le div avec un arrière plan et qui contient des autres div ne s'affiche pas sur toute la hauteur sous NE.

le style du div conteneur :
#lrecettes {
width: 453px;
height: auto;
min-height: inherit;
font-size: 10px;
font-family: verdana;
color: #6699cc;
padding: 10px;
abackground-image: url("images/fond-lrecettes.jpg");
abackground-position: center center;
abackground-repeat: no-repeat;
background-color: #F3F7FE;
border-bottom: 1px solid #6699cc;
}

et le style des div à l'intérieur :
.ar {
width: 100px;
height: 110px;
font-size: 9px;
font-family: verdana;
color: #ffcc33;
float: left;
margin-top: 5px;
margin-left: 15px;
margin-right: 15px;
text-align: center;
}

Merci pour votre aide
JM
peut etre en essayant d'enlever le "a" avant background !

Tu peux aussi mettre les propriétés de background toute ensemble
=>

[#red]a[/#]background-image: url("images/fond-lrecettes.jpg");
[#red]a[/#]background-position: center center;
[#red]a[/#]background-repeat: no-repeat;
background-color: #F3F7FE;

=>

background:#f3f7fe url("images/fond-lrecettes.jpg") no-repeat 50% 50% ;


@++
Merci pour la proposition

J'ai mis un a devant le background pour annuler la propriété, je ne pense pas que cela joue sur la hauteur de mon div.

Une autre idée ?
si tu veux annuler des propriétés met des commentaires, /* ... */ comme ca on est sûr du résultat.

Je croyais que c'etait justement un problème de background que tu avais :p
Merci pour la mise en commentaire. Je rectifie de suite.

C'est pas tout a fait un pb de background que j'ai, mais je visualise mon pb par la fait que le div avec le background (color) ne prend pas toute la hauteur avec les div qu'il contient.

Le pb en image :
sous ie c'est ok :
upload/123-ie.jpg

mais sous ne :
upload/123-ne.jpg

Une solution ?
Peut etre mettre :

background-image: top left no-repeat;

Pour l'afficher en haut à gauche sans repeter !!

A essayer.