Background se déforme
partt
Messages postés
85
Date d'inscription
Statut
Membre
Dernière intervention
-
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
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.
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
- Starter background changer - Télécharger - Thèmes & Fonds d'écran
- John's background switcher - Télécharger - Suite bureautique
- Background color css ✓ - Forum CSS
- Realtek audio background process class ✓ - Forum Pilotes (drivers)
4 réponses
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
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
Et dans ce cas que dois je faire?