[Résolu] Problème d'afffichage avec une div vide !

Bonjour !!!

Je suis ce site depuis un moment, je n'ai jamais eu besoin de poster dans ce forum car je trouvais toute mes réponses en le lisant.

MAIS LA ! Je suis coincer !

J'ai une div id gazon qui fait apparaitre du gazon en bas de mon site.

            </div>
        <div id="gazon">.</div>
    </body>
</html>

Et voici le css :

#gazon
{
        width:100%;
	height: 35px;
	background: url('images/gazon.png') repeat;
	z-index: 3;
	margin-bottom: -25px;
}

Jusque la tout vas bien me diriez vous! Mais il y a un truc qui m'énerve ! Si je ne met pas un point (.) dans ma div html, le code ne fonctionne plus.

Alors ma question est simple comment je fait pour utilisé une div vide en html pour afficher une image dedans en CSS ?

Je vous remercie de vos réponses.

Ce forum est géniale.

display: block;

?

Salut,

Tout marche bien chez moi... tu n'as pas un exemple en ligne ?

display: block ;

MERCI !

Cette ligne est magique.

Merci !!!

Je vous rassure, j'en ai ¤$é#~{ des pendules avant de comprendre qu'un tout petit block ferait l'affaire

Au plaisir

Une div est déjà un élément de type block normalement Oo
Et par défaut, un bloc prend toute la largeur qui lui est donnée, donc le
width:100%;
semble superflu.

Le CSS et ses mystères...

En tout cas merci de la rapidité surtout !!!

Bonne journée.

Gothor a écrit :
Une div est déjà un élément de type block normalement Oo

j'osais pas le dire...