Répétition fond + méthodologie

Répétition fond + méthodologie - HTML/CSS - Programmation

Marsh Posté le 22-05-2009 à 00:37:42    

Bonjour.
 
Je me pose quelques questions pour réaliser le design ci dessous (ceci est juste un exemple et non un design je précise).
 
http://img194.imageshack.us/img194/1023/4463help1a.th.jpg
 
 
En effet, nous avons un fond sous forme de pattern qui peux être géré avec des repeat en x ou y.
Le problème se pose pour les feuilles.
 
En effet le contenu noir, est extensible autant que possible, comment gérer l'apparition des feuilles lorsque le contenu va s'allonger?
 
On aurait pu imaginer un fond pour le contenu comme étant le cadre rouge, ceci est une possibilité mais cela sous entends qu'il faudrait un fond avec transparence de préférence png, mais cela pose un problème pour IE6 par exemple.
 
Quel est selon vus la manière manière de réaliser ce genre de gabarit?
 
En vous remerciant par avance.

Reply

Marsh Posté le 22-05-2009 à 00:37:42   

Reply

Marsh Posté le 22-05-2009 à 09:00:10    

Le noir ayant des bords tout droits, pas besoin d'images, une simple couleur de fond suffit

Reply

Marsh Posté le 22-05-2009 à 09:23:06    

Au lieu d'avoir une feuille à fond transparent, met lui un fond "dure"...
En effet, si l'image de background est aligné au centre, alors la partie afficher sous la feuille sera toujours la même, même en retaillant la fenetre.
Le fond étant donc imobile dans le reférentiel de la feuille, tu peu lui mettre un fond dure qui epousera parfaitement le fond de la page...
La grosse contrainte est que le motif de feuille doit etre de la même hauteur ou un multiple de l'image de fond, idem pour la largeur...

 

Tu me suis ?

 

si tu veux un backround immobile, ou qu'il est impossible de faire une taille de motif de feuille ayant des multiple de celle du BG, alors il faut faire du PNG, et un script JS pour le retirer pour pas pourrir l'affichage de ce qui ont IE6 et - ...


Message édité par abais le 22-05-2009 à 09:26:19

---------------
Le membre ci-contre n'est pas responsable du message ci-dessus.
Reply

Marsh Posté le 22-05-2009 à 11:42:34    

Merci abais, je t'ai bien suivis et en effet ce n'est pas bête.
 
Et comme tu le dis, sous IE6 on fait disparaitre les feuilles.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed