Fond d'écran et textes

Fermé
Franz Liszt Messages postés 7 Date d'inscription mardi 13 octobre 2009 Statut Membre Dernière intervention 21 octobre 2009 - 21 oct. 2009 à 19:08
bg62 Messages postés 23667 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 10 janvier 2025 - 21 oct. 2009 à 19:19
Bonjour à tous,

Et merci de me lire.
Mon problème est simple : j'utilise le même fond d'écran pour toutes les pages de mon site avec un background en CSS du type

body{

background:url(zzz.jpg) no-repeat center 0;

}

(la taille de zzz.jpg étant de 2000 par 7000 pour que cela s'adapte à tous les écrans, d'où également le no-repeat center 0).
Le problème, c'est que je souhaite que mon texte (mes paragraphes) soient alignés non pas par rapport à l'écran mais par rapport à mon image de fond. De sorte que si celle-ci venait à retrécir sur un écran 1024*768 ou 800* 600, l'image de fond se recentrera automatiquement mais pas mon texte (qui s'alignera à gauche par défaut). Dans ce cas, tous mes premiers paragraphes pour lesquels j'ai crée une <div id="p1"> puvent-ils avoir leur position aligné sur mon url(zzz.jpg) ? J'ai pensé à

body #p1{

position:absolute no repeat center 0;
background: no repeat center 0;

}

mais est-ce que cela marche ? Est ce que mon paragraphe sera bien aligné à mon body (donc à mon URL) ?
J'espère avoir été assez clair et vous remercie pour vos réponses.

F.

A voir également:

1 réponse

bg62 Messages postés 23667 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 10 janvier 2025 2 392
21 oct. 2009 à 19:19
la taille de zzz.jpg étant de 2000 par 7000

c'est de la folie ça ....
tu as pensé ou testé ce que ça donne sur les différents navigateurs ?
et le poids de la page ? là aussi c'est important ...
0