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