28220 sujets

CSS et mise en forme, CSS3

Bonsoir,
J'ai placé une div "générale" avec l'image de fond. Cette div est centrée, voici le code :

.fond {
	background-image: url(../fond.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin: auto;
	height: 502px;
	width: 753px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	background-attachment: fixed;


J'ai ensuite placé une autre div dans la précédente avec mon texte :

.texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	word-spacing: normal;
	overflow: visible;
	z-index: auto;
	position: static;
	margin-top: 100px;
	margin-left: 300px;
	width: 350px;


Ma question est :
Est-ce que les marges sont calculées à partir de la div principale (contenant mon fond) ?
C'est à dire par exemple ; gauche 50px, c 50px commencent ils à partir du bord de la div proncipale ?

merci d'avance Smiley biggrin
Modifié par mano_59 (16 Dec 2005 - 23:57)
bonsoir,

je ne suis pas moderateur ici mais tu devrais editer ton post et mettre ton code dans les balises prévus à cet effet. Elles se trouvent dans sous les smileys. C'est dans Mise en forme et c'est la balise " code " . Tu le retrouve dans la regle 13

amicalement Smiley cligne
Modifié par Philippe (16 Dec 2005 - 21:39)
pour répondre partiellement a ta question, je crois que une "class" est enfant d'une "div"

Donc si tu as
#fond {
blabla
blabla
blabla
}


et

.texte {
margin-left: 50px;
margin-right: 50px;
}


alors les marges seront calculées à partir de la div #fond

Dans ton cas, tu as 2 class ".fond et .texte". Si tu veux que cela fonctionne, je pense qu'il te faudrai coder de cette manière:


.fond {
blabla
blabla
}

.fond .texte {
margin-left: 50px;
}


N'étant sur de rien, à toi de tester et de nous donner le résultat Smiley murf
ok, mais en gros ce que je voudrais faire, c'est centrer ma class .fond dans la page, et ensuite placer mes autres class dans .fond.
Je sais que sur IE ça passera, mais je voudrais que ça passe également sur le reste ! Surtout sous mac ; safari etc...
Donc est-il possible de faire cela avec mon système décri ci dessus ??