Sujet Précédent Sujet Suivant

Background et <DIV> Probleme...

Résolu/Fermé
Soutshiide06 Messages postés 37 Date d'inscription mercredi 6 juillet 2011 Statut Membre Dernière intervention 3 décembre 2011 - 8 nov. 2011 à 00:33
Soutshiide06 Messages postés 37 Date d'inscription mercredi 6 juillet 2011 Statut Membre Dernière intervention 3 décembre 2011 - 8 nov. 2011 à 11:55
Bonjour,

J'ai un gros soucis, quand je créer une div et que je lui donne un background celui ci ce base sur la page entière et pas sur le div en lui même.

Voici mon code:

HTML: 

<html>
	<head>
		<title>South's Home</title>
		<link media="screen" rel="stylesheet" type="text/css" href="CSS/index.css" />
		<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
		<meta http-equiv="content-language" content="fr-FR" />
	</head>
	<body>
		
		<div id="page">
			<div class="top">
			</div>
			<div class="menu_1">
			</div>
			<div class="menu_2">
			</div>
		</div>
	

	</body>
</html>


CSS 

*{margin:0;padding:0;}
body
	{
	background-image: url(../images/bg.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	background-position: center top;
	}
#page
	{
	border: 1px black solid;
	width: 820px;
	height: 600px;
	margin: auto;
	}
.top 
	{
	background-image: url(../images/top_top.png);
	background-attachment: fixed;
	background-position: top left;
	background-repeat: no-repeat;
	width: 400px;
	height: 110px;
	border: 1px black solid;
	margin-left: 200px;
	}
.menu_1
	{
	background-image: url(../images/top1.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 103 124;
	width: 401px;
	height: 372px;
	margin-top: 10px;
	border: 1px black solid;
	float:left
	}
.menu_2
	{
	width: 401px;
	height: 372px;
	margin-top: 10px;
	border: 1px black solid;
	float:right
	}



Comme vous pouvez le constater j'ai du définir une position, mais celle-ci ce base sur la totalité de la page.


Merci a vous
A voir également:

4 réponses

Réponse 1 / 4
Zhp Messages postés 198 Date d'inscription mercredi 27 avril 2011 Statut Membre Dernière intervention 5 mars 2013 37
8 nov. 2011 à 05:08
Bonjour,

Essais sans les règles background-attachment: fixed;
Ça devrai mieux marcher ^^
0
Réponse 2 / 4
Soutshiide06 Messages postés 37 Date d'inscription mercredi 6 juillet 2011 Statut Membre Dernière intervention 3 décembre 2011
8 nov. 2011 à 11:28
Bonjours, merci de m'aider, mais ceci ne change rien du tout :/
0
Réponse 3 / 4
Pepito One Messages postés 222 Date d'inscription jeudi 13 octobre 2011 Statut Membre Dernière intervention 8 novembre 2011 37
8 nov. 2011 à 11:51
Il ne faut pas mettre de "background-attachment: fixed et background-position.
Pour placer ton div, utilises margin-top , margin-left, margin-right, margin-bottom, si besoin.
0
Réponse 4 / 4
Soutshiide06 Messages postés 37 Date d'inscription mercredi 6 juillet 2011 Statut Membre Dernière intervention 3 décembre 2011
8 nov. 2011 à 11:55
Quelqu'un m'a aidé j'ai résolut le probleme, merci :)
0

Discussions similaires

Task host windows, c'est quoi ?
mat -
bebegamin59 -

23 réponses
comment remplacer un #div/0! par une cellule vide
zara70 -
Vaucluse -

3 réponses
probleme realtek hd audio driver
farmalite -
farmalite -

5 réponses
"gvrBackgroundWindow3" empêche W10 de redémarrer
Machilou -
brucine -

16 réponses
erreur (#DIV/0) formule MOYENNE.SI.ENS
sara-87 -
sara-87 -

5 réponses