28217 sujets

CSS et mise en forme, CSS3

Probleme de background-size

Salut tous le monde !

Alors j'ai un ptit soucis sur un background-size auquel je ne trouve pas de réponse du coup si quelqu'un pouvait m'éclairer, ce serait top Smiley biggrin .

J'ai intégré à mon body un background-image sur lequel j'ai mis une propriété background-size: cover. Seulement lorsque je passe de ma page 1 à ma page 2, mon background est différent Smiley eek . Le width de mon body est similaire, l'url de mon background-image est la même, et mes deux pages ont la même feuille de style. Ca commence à me rendre Smiley fou !!! Si vous avez une idée, n'hésitez pas, je suis preneur.
Début de code HTML pour ma page 1 et 2 :

<!DOCTYPE html>
<html>
	<head>
	    <meta charset="UTF-8" />
	    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	    <link rel="icon" href="images/favicon.jpg" />
	    <link rel="stylesheet" type="text/css" href="reset.css">
	    <link rel="stylesheet" href="style.css" />

	</head>

	<body>


Mon CSS :

body {
    width: 1600px;
    background-image: url(images/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
Hello,

si ta page est plus haute, le background sera élargi différemment… « cover » signifie « doit couvrir l’ensemble du conteneur » ce qui inclus largeur ET hauteur. C’est donc probablement normal.

Pour éviter ça tu peux appliquer le background sur html et le fixer.

J’espère que ça aidera, bon courage !
Sujet clos
Aller à