Centrer un Layer dans un CSS

Version imprimable

02/03/2009, 20h09
djamess

Centrer un Layer dans un CSS

Bonjour à vous!

Sur une page web, j'utilise un Layer dans lequel j'écris du texte mis en forme.

Ce calque ou layer est dimensionner pour un écran 15' de pc portable avec une résolution de 1024X768.

Cependant quand j'ouvre ma page web sur d'autres ordinateurs ayant des écran différent et des résolutions différentes mon Layer n'est pas au bon endroit et n'a pas la bonne taille.

Dequel manière, je peux le dimensionner dans une feuille de style CSS pour que quelque soit l'écran dans lequel j'ouvre ma page web, les dimensions de mon calque resteront adaptées à la résolution du pc que j'utilise.

Merci de votre aide
02/03/2009, 22h59
dragonno
Le calque doit avoir une largeur de 100%
Code:

1 2 3 4 5 6 7 8 9 .moncalque { width:100%; } <body> <div class="moncalque" id="monid">texte</div> </body>
Et s'il a besoin d'une largeur spécifique, tu lui donne sa largeur spécifique mais alors tu lui donne aussi "margin:auto"
Code:

1 2 3 4 5 .moncalque { width:300px; margin:auto; }
03/03/2009, 09h27
djamess

Positionner le calque
Bjr dragonno!

Merci de ta réponse!

ça me permet d'avancer un peu!

Cependant, je n'arrive pas à positionner le calque où je le souhaite avec les dimension que je veux.

Voici le code que j'applique en utilisant tes conseils :

CSS
Code:

1 2 3 4 5 6 7 8 9 10 11 12 .moncalque { float:left; margin: 0; padding : 0; list-style : none; position: absolute; display : block; width:30%; top:30%; left:30%; }
html
Code:

1 2 3 4 <body> <div class="moncalque" id="monid">texte</div> </body>
Quels sont les éléments qui vont me permettre de positionner mon calque au bon endroit et lui affecter une dimension qui va s'adapter à chaque résolution d'écran par rapport au calque de mon fond d'écran?

Merci de votre aide

Bonne journée à vous
03/03/2009, 10h18
Macmillenium
Bonjour,

Ce que tu demande n'est pas très clair, tu peux très bien centrer ton bloc sans passer par le positionnement absolue :
Code:

1 2 3 4 5 6 7 .moncalque { width:30%; height:50%; margin:0 auto; }
04/03/2009, 16h50
dragonno

Pour le centrage suit le conseil de MacMillenium^^

Pour positionner ton calque où tu veux, enlève le float, laisse le position absolute, et si tu veux que ton calque ait une dimension constante quelque soit la résolution tu est presque obligé de donner un % à ses dimensions, sinon l'autre solution c'est de calculer la résolution utilisée et d'agir sur le calque par le DOM.
04/03/2009, 18h32
djamess

La police du texte du calque

Bjr Macmillenium et dragonno!

Merci de vos réponses et de votre aide.

J'ai suivi vaut instruction c'est Ok.

Par contre la police de mon texte contenu dans mon calque reste identique quand je passe d'une résolution à une autre.

Quand j'ouvre ma page web sur un 15' avec une petite résolution le rendu avec la police que je mets pour mon texte est satisfaisante.

Par contre quand j'ouvre ma page sur un écran de 22' en effet mon claque à la bonne dimension et la bonne position mais le texte est tout petit et ne prend pas tout l'espace dans mon calque qui donnerai une meilleur visibilité sur un grand écran.

Selon vous qu'elle est la méthode à employer pour que je puisse adapter la police à l'intérieur d'un calque que je sois sur un écran 15' ou 22' avec des résolutions plus ou moins élevées?

Merci de votre aide.

J'attends vos réponses