Un background adapté à toute résolution? Résolu/Fermé

Question

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

Fillazer · Answer

Salut :P

Tien regarde un peu ici: https://openweb.eu.org/articles/background_css

veron0052 · Answer

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" ??

bg62 · Answer

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 ?

notobe · Answer

https://www.alsacreations.com/astuce/lire/50-comment-faire-un-arrire-plan-tirable.html

Utilisateur anonyme · Answer

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/

veron0052 · Answer

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...

Un background adapté à toute résolution?

6 réponses

Discussions similaires