Image qui disparait à la taille de la fenêtre

Résolu/Fermé
Shuta Messages postés 210 Date d'inscription samedi 28 février 2015 Statut Membre Dernière intervention 11 mars 2021 - 26 mai 2016 à 04:11
Shuta Messages postés 210 Date d'inscription samedi 28 février 2015 Statut Membre Dernière intervention 11 mars 2021 - 26 mai 2016 à 04:29
Bonjour,

Je tenais a faire cette demande car j'ai beau changer de code, ma bannière part en saucisse et "disparait" selon la taille de la page.
Voici un exemple. Il suffit de scroller sur la droite (ce qui n'était pas visible dans la fenetre avant le scroll est devenu blanc) :



En réalité je ne comprend pas tellement pourquoi l'image disparait comme ça.

Voici le code simple de la banière :
<div id="header" class="baniere">
<blablabla>
</div>

Et voici le css associé :
#header {
	margin: 0;
}

.baniere {
	background: url(images/bg-top.png) no-repeat scroll center 0 transparent; /* Baniere */
}


J'arrive vraiment pas à m'en sortir :'(
Merci de bien vouloir m'aider !
Bonne journée à vous !

1 réponse

Shuta Messages postés 210 Date d'inscription samedi 28 février 2015 Statut Membre Dernière intervention 11 mars 2021 3
26 mai 2016 à 04:29
Bon, ben j'ai utilisé une méthode de min-width: -moz-fit-content; pour afficher l'image au maximum d'une largeur intérieure à la div. Ayant fixé ceci a 1300px, elle atteint finalement correctement la bordure extérieure.

Bonne journée ! ^^
0