Centrer un Layer dans un CSS

**djamess** · 02/03/2009, 20h09

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

**dragonno** · 02/03/2009, 22h59

Le calque doit avoir une largeur de 100%

Code :

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

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 :

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

1
2
3
4
5
.moncalque
{
width:300px;
margin:auto;
}

**djamess** · 03/03/2009, 09h27

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 :

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

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 :

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

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

**Macmillenium** · 03/03/2009, 10h18

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 CSS :

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

1
2
3
4
5
6
7
 
.moncalque
{
	width:30%;
        height:50%;
        margin:0 auto;
}

**dragonno** · 04/03/2009, 16h50

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.

**djamess** · 04/03/2009, 18h32

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

Centrer un Layer dans un CSS

Centrer un élément en CSS

Vue hybride

Discussions similaires

Partager

Partager