Discussion :

[bonzo]

Bonjour,
j'ai réalisé un petit site hier, et j'ai un petit soucis avec le placement de mes textes/images que ce soit en absolu ou en relatif et avec les unités en em/%/px. Je le place bien pour ma résolution mais dés que je la change les éléments sont légérement décalés. j'utilise un DIV global centré (automargin) dans lequel s'insère mon header (l'image avec le couple), le mainframe, et le footer (une simple bande de quelques px). Je voudrais placer mes images/liens Bidoux, guest,coms,mail de manière a ce qu'ils ne bougent pas quand la résolution change! (Le problème est le meme pour les petits textes clignotant)
j'avais utilisé un positionnement relatif par rapport au header, mais cette solution donnais n'importe quoi avec firefox (j'utilise IE)
voila l'adresse:

http://bidouxxx.free.fr

(Je ne pense pas que vous donner le contenu de mon CSS vous aiderais, c'est une question générale sur un placement efficace :-p )

Merci !!!

[Tdeny]

Tout ça est un problème de mathématiques.
Si tu veux que tes éléments restent à leur place (relative à l'écran) quand on change de résolution, il faut calculer leur position en fonction de celle-ci.
Et donc après l'écrire en script, en position absolute.
Après si tu veux tu peux même l'écrire dans un css, on peut en écrire plusieurs, entré en javascript.
Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
var largecran = screen.availWidth;
largmenu = largecran / 4;
document.write("<style id='st0' type='text/css'>");
document.write("#menu {display:inline;position:absolute; top:0px; left:0px;padding:5px;background-color:#CFE6EE;width:"+largmenu+"px;border:3px solid darkblue;}");
document.write("</style>");

[bonzo]

Ta solution ne revient-elle pas au même qu'un positioning absolute avec left et top en % ???