Fond d'écran et textes

Franz Liszt Messages postés 7 Date d'inscription   Statut Membre Dernière intervention   -  
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   -
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 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
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