Beaucoup de sites, tels que les blogs ont une largeur de 1024 avec des bandes verticales sur les cotés si le navigateur est plus large
j'aimerais savoir comment faire en sorte que mon site, (donc la largeur de certains cadres) evoluent selon la resolution du navigateur
 
sachant que mes cadres sont configurés depuis un fichier css, et que je sais comment connaitre la resolution du navigateur qu'à partir de variables javascript, donc comment les interpreter en CSS, HTML, et PHP ?
 
merci

Le mieux est d'utiliser des pourcentages ou des min-width max-width ou une combinaison.
 
Jello Mold Piefecta est pas mal, il évite de devenir trop large (sinon bonjour les paragraphes sur une seule ligne si trop grande résolution)

OK je commence a comprendre !

par contre on ne peut pas utiliser a la fois les % et min-width max-width
 
c'est domage
enfin en tout cas chez moi ça ne marche pas

Sisi on peut. Maintenant ça ne fonctionne évidemment pas sous IE6 (sur le 7 je crois y'a des trucs en plus implémentés)

ok domage
maintenant j'ai un petit probleme, pour que le site s'adapte a l'ecran, j'ai fait une marge de gauche, grace aux %age
mais aussi une marge de droite en plaçant des % a l'argument "left" de mes cadres de droite
 
seulement quand je redimensionne ma page, c'est plus le cadre qui a tendance a s'ecraser dans la page, que les marges de gauches et droites à se reduire
 
une solution ?

et sinon qd on met "position:relative", c'est relatif a quoi ? c'est quoi l'origine des axes ?

A la position que ça devrait avoir

non
qd je met "position:absolute" j'ai une origine en haut a gauche de l'ecran, donc j'arrive a positionner
 
quand je me met en "relative" les valeurs ne sont plus du tout respectées, comme si l'origine n'etait pas definie

Si, comme j'ai dit, c'est par rapport à la position normalle.

Position relative :

• l'origne des axes c'est la positio que devrait avoir l'element sans le position:relative.
• ca donne un attribut 'positionné' a l'élement.

Position absolute :

• l'origine des axes est le plus proche parent ayant un attribut 'positionné' ... ou a défaut ... ce sera l'élément html (ou body je ne sais plus) donc en général le coin haut gauche de ta page
• l'élément recoit egalement un attribut 'positionné'

L'attribut positionné que les élements recoivent ... sert donc a dertminer l'origine des axes pour les enfants en position obsolute.

Si un élément, sans rien touché, se retrouve à la position x: 200, y:100, la position relative se fera par rapport à ses coordonnées. Donc si tu mets en position relative, et que tu mets x: +3, y: +20, il se retrouvera à x:203, y:120

ok, donc c'est le "+" qui devait me manquer dans mes valeurs
 
autrement, le 1er elements qui definis l'origine de la position relative, il peut etre positionné en absolu ?
c'est compliqué tout ça, si tous mes cadres sont positionnés en relatif, ils le sont tous par rapport au tout 1er elements ?
 
bon faut que j'essaye d'eclaircir tout ça avec mon code
 
EDIT. non le "+" ne change pas grand chose
comment choisir/savoir quel est l'element qui definis l'origine des coordonnees ?
 

 
mais comment connaitre ma position normale ?
 
le logo du site positionné en absolu peut en etre l'origine ?

Nanan pas besoin de plus, c'était juste à titre informatif Par contre il manque l'unité :

Essaye avec de petites valeurs, tu verra tout de suite. Genre fait ce test :

Essaye de mettre #pouet en relative, et joue avec les coordonnées

Ne met aucune position spécial, aucun style, rien. Tu verra la position normalle

ok, mais si j'ai plusieurs cadres de mon site, certain a placer a gauche (menu par exemple), d'autre a droite, et cela de façon fixe, je me positionne donc en absolu ?
 
mon probleme c'est pour le redimensionnement de l'ecran, avec les % en "left" et "width" pour chaque element, lorsque je redimensionne le navigateur, tout se superpose salement, et se resserre a l'ecran. Or j'aimerais que ça soit les bandes verticales a gauche et a droite uniquement qui se reduise
 
que dois je positionner en absolu, que dois je positionner en relatif ? ou alors le probleme n'a rien a voir ?

Lol c'est un festival
Le relative c'est pas par rapport a un autre élément ... c'est par rapport a la position normal de l'element si tu n'avais pas mis de position relative !
Par rapport a un autre element c'est le absolute !!! et tu pourras placer par rapport a un parent possédant un attribut 'positionné'.
 
parent = dans lequel ton élément est englobé
ex : <ul><li></li></ul>  

• li est enfant de ul
• ul est parent de li

OK lol je comprend un peu mieux
seulement la position normale des elements chez moi ça donne le foutoir c'est pour cela que jusqu'a present je restais en absolu.
 
Ce qui me faudrait donc (enfin je pense) c'est pouvoir modifier l'origine de la position absolue

moi je pense que tu devrais t'orienter vers les float/clear et laisser tomber les absolute/relativ qui ne sont pas trop adaptés pour ton cas.