Un background adapté à toute résolution?

Résolu
veron0052 Messages postés 141 Date d'inscription   Statut Membre Dernière intervention   -  
veron0052 Messages postés 141 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

Voici mon problème, je développe actuellement un site sous Xhtml et css (pas de Javascript ni php). J'ai rencontré 2 problèmes :

1) J'aimerais avoir un arrière plan avec une image (avec un motif symétrique qui donnera l'impression de sortir de sous le contenu de mon site) qui s'adapte à toutes les résolutions d'écran.

Pour cela j'insère donc un "<img src="monimage.jpg" width="100%" height="100%"> ... tout se passe bien mon image prend tout l'écran et le centre de l'image est bien au centre de l'écran, maintenant, il m'est impossible d'insérer par dessus cet arrière plan mon site avec ses différents bloc "div" etc...

Je voudrais donc savoir si cela est possible, si oui comment? :(


2) Est-il possible de faire en sorte qu'un bloc "div" ait à gauche et à un droite un motif (qui a priori ne fait pas partit de ce "div"), en faisant en sorte que ce motif soit soit toujours au niveau de centre la page (verticalement parlant)?

PS : pour vous illustrer un peu mes propos, voici ce que je voudrais réaliser...

Merci d'avance pour votre aide
A voir également:

6 réponses

notobe Messages postés 1952 Date d'inscription   Statut Membre Dernière intervention   213
 
1
Fillazer Messages postés 240 Date d'inscription   Statut Membre Dernière intervention   9
 
Salut :P

Tien regarde un peu ici: https://openweb.eu.org/articles/background_css
0
veron0052 Messages postés 141 Date d'inscription   Statut Membre Dernière intervention   3
 
merci pour ton lien, mais ce ne répond pas vraiment à ma question..

Peut-on faire en sorte qu'on ait une image de fond s'affichant sur 100% de la page (peut importe la résoltion) et sans que cette image ne soit répétée au qu'apparaissent des zones "vides" ??
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
une autre verson du même auteur:
http://css.mammouthland.net/image-de-fond-background-css.php
et quand tu te sers de cela: "<img src="monimage.jpg" width="100%" height="100%">" as-tu penser à la tronche de l'iamge quand la hauteur de page par exemple va augmenter ... ou diminuer ?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Utilisateur anonyme
 
Bonjour,

Les opérations sur la propriété "background" seront disponible avec CSS3.

Ci-dessous un exemple de ce que l'on pourra faire :
https://hacks.mozilla.org/
0
veron0052 Messages postés 141 Date d'inscription   Statut Membre Dernière intervention   3
 
pour bg62 : oui j'y ai pensé, ne t'en fais pa, mon souci est de mettre des div par dessus... (l'image de fond c'est un dégardé de couleur, du clair (sous mon div) vers le foncé (bords de fenêtre)...

meudah : merci mais j'aimerais faire ces choses maintenant... lol tant pis j'aurais essayé :)

si quelqu'un voit une autre solution je suis preneur, mais merci déjà à vous tous, et surtout à notobe pour son lien qui je pense m'aidera...
0