Background se déforme

Fermé

partt Messages postés 85 Date d'inscription samedi 10 avril 2010 Statut Membre Dernière intervention 13 octobre 2014 - 13 oct. 2014 à 12:12
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 14 oct. 2014 à 16:05

Bonjour,

Je souhaite ne pas déformer mon background quand je réduis la fenêtre de mon écran.

Mon simple code :

HTML:
<html>
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
<title> Ma page</title>
</head>
<body>
<div id ="page">
<p>mon paragraphe </p>
</div>
</body>
</html>

CSS:
body
{
background:url(img/MonBackgroud) no-repeat fixed;
background-size : 100% 100%;
}

#page
{
width : 900px;
margin : auto
}

Mon background fait une taille de 1024px*700px

J'ai essayé :
background-size : cover; (comme c'est suggéré dans tous les blogs & forums) et le résultat c'est que l'image prend plus de pixel et donc le bas de l'image ne s'affiche plus
même effet si rajoute top :0; left: 0;

J'espère que ma demande est claire.

Merci.

A voir également:

Background se déforme
Windows 7 logon background changer - Télécharger - Thèmes & Fonds d'écran
Background remover - Télécharger - Montage photo
Background transfer host - Windows 11
Background color css ✓ - Forum CSS
John's background switcher - Télécharger - Suite bureautique

4 réponses

Réponse 1 / 4

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
13 oct. 2014 à 12:24

Bonjour
comme ton background est dans body c'est normal que soit l'image se déforme soit elle se coupe quand on réduit la fenetre car la proportion largeur / hauteur de la fenetre ne correspont plus à la proportion image.

En général on ne mets pas un image qui prend toute la page en background dans body

partt Messages postés 85 Date d'inscription samedi 10 avril 2010 Statut Membre Dernière intervention 13 octobre 2014 162
Modifié par partt le 13/10/2014 à 13:56

Merci Animiostab,

Et dans ce cas que dois je faire?

Réponse 2 / 4

partt Messages postés 85 Date d'inscription samedi 10 avril 2010 Statut Membre Dernière intervention 13 octobre 2014 162
13 oct. 2014 à 17:44

Je dois le mettre dans une div?

Réponse 3 / 4

partt Messages postés 85 Date d'inscription samedi 10 avril 2010 Statut Membre Dernière intervention 13 octobre 2014 162
13 oct. 2014 à 22:08

Réponse 4 / 4

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
14 oct. 2014 à 16:05

Tu peux le mettre dans un div qui aura la meme taille que ton image la div en position absolute en fin de page ou en dessous avec z-index (z-index ne s'applique qu'avec des elements positionnés)

Discussions similaires

Task host windows, c'est quoi ?

Platine vinyle son déformé (voix transformé)

probleme realtek hd audio driver

"gvrBackgroundWindow3" empêche W10 de redémarrer

Mon ordinateur est lent au démarrage