Discussion :

[solorac]

Bonjour la Communauté,

Je m'attaque à la création d'un site et je débute en css.
je voudrais sur l'ensemble de mes pages avoir un corps de 750px (image : "corps.png", et sur les côtés G et D une image identique (image : "sides.jpg").

Je pense qu'il faut que je me serve de float "left" et "right", mais je voudrais que ma page s'adapte à tous les écrans, donc je ne veux pas mettre de valeurs absolues.

Je précise que cette page me servira à l'ensemble de mon site.

Merci pour votre aide.

[romain_ci]

position relative et non absolute.
Et oui il faut bien utiliser les floats pour positionner tes div ou autre !

[Dryss51]

Tu peux utiliser les % au lieu de définir des tailles. Cela te permettra d'afficher la taille des images en fontion de la taille de l'ecran.

Le probleme est que cela peut devenir moche avec des trop petite résolution ou de résolutions trop grande.

La position absolute créera des barres de défilement si la taille de la page n'est pas celle de la fenetre du navigateur.

La position relative créera des cheveauchement si la fenetre du navigateur est trop petite.

Tu pourras après avoir ecrit une bonne grosse page css d'adapter à la taille de tous les fenetre de tous les navigateurs.Mais cela prend du temps...

Pour éviter tous ces problèmes, tu peux utilisé du javascript qui s'adaptera automatiquement à la taille de la fenetre.

Sinon tu as des standards qui on était défini gràce à des études. Le standard est d'ailleur passé à 1024x768 est commence à tendre vers du 1280x1024.

Cordialement

[Dude1205]

Salut,
pour eviter que ca devienne trop moche dans des resolutions extremes, tu peux aussi jouer avec des min-width et max-width pour que ca reste dans des proportions raisonnables et mettre juste du fond d'ecran autour.
Les propriétés min et max sont pas supportées par tous les navigateurs mais je me souviens qu'il y a un moyen de simuler le meme comportement.

[solorac]

Merci pour vos réponses.
Mais plus simplement existerait-il un moyen pour mettre un background de fond et un autre par dessus (qui représenterait le centre du site où je peux publier), le background de fond étant les colonnes à droite et gauche. Mon image centrale étant un format png avec du transparent.

Pouvez-vous m'orienter sur une partie de code ?

Merci pour votre aide

[romain_ci]

Perso avec un petit dessin ca serai plus explicite !
Pour les .png attention IE6 ne les supporte pas... 33% des gens utilisent encore la version 6, il ne faut donc pas passer à coté !