OVH Cloud OVH Cloud

Position d'une couche dans la fenêtre du navigateur.

15 réponses
Avatar
NyOz
Bonjour à toutes et à tous, est-ce que l'un d'entre vous sait (et pourrait
m'en faire part) quel code il faut rentrer pour qu'une couche tienne
automatiquement au milieu de la fenêtre du navigateur quelle que soit la
définition de l'écran du visiteur?

Nyoz

http://www.nyoz.fr/
http://www.syn-n-psys.com/

5 réponses

1 2
Avatar
Louise
Bonjour,
Je vois maintenant le problème, j'ai fait tous ces tests avec Firefox,
sans penser une seule fois à vérifier avec Internet Explorer. Et c'est
probablement celui-là que vous utilisez, n'est-ce pas?

Dans ce cas, la question devient plutôt "Comment centrer une couche
dans Internet Explorer (et, bien sûr, dans les autres navigateurs) ?"
Je vais chercher de ce côté...
Au revoir,
Louise

"NyOz" a écrit dans le message de news:

Hé bien, je veux tout simplement que la bande que constitue l'image reste au
centre de la fenêtre du navigateur, quelle que soit la résolution et la
taille de l'écran de l'utilisateur...

Vous me dites que l'image vous apparaît au centre de la fenêtre???

Car moi quand je visite la page, l'image reste à gauche de l'écran......

NyOz
http://www.nyoz.fr/


Avatar
NyOz
En effet, c'est bien internet explorer que j'utilise. J'avais pensé un
instant à l'incompatibilité de navigateur puis qu'elle était mentionée dans
le lien que vous m'aviez donné, mais je pensais que les codes que vous
m'aviez fourni était universel...

J'ai cherché déjà, vainement, en javascript.

NyOz
http://www.nyoz.fr/
Avatar
NyOz
Bonjour, j'ai trouvé ceci sur un site dont j'ai copié la source...

<----! entre <head></head> !---->
html {
margin:0;
padding:0;
}
body {
background: white;
margin: 0px 0 ;
padding:0;
text-align: center;
font-style:normal; font-variant:normal; font-weight:normal;
font-size:0.9em; font-family:Bookman Old Style, helvetica, sans-serif
}
#conteneur {
width: 823px ;
height: 1763px;
margin:0 auto ;
text-align: left;
padding: 10px 0 0 0;
border: none;
background-image: url('images/background.jpg') ;
}

<----! entre <body></body> !---->
<div id="conteneur">
</div>


Y a t-il des moyens de l'améliorer, pour le rendre plus maniable ??? Parce
que là il faut que je créer un truc pour chaque couche (qui n'est plus une
couche du coup)...

Nyoz
http://www.nyoz.fr/
Avatar
Louise
Bonjour,
Voici simplement les grandes lignes:
- Pour ne pas avoir à répéter le texte du format (celui entre <head></head>) , il
faudrait le placer dans une feuille de style externe.
- Par la suite dans une nouvelle page, vous créez simplement une nouvelle couche
que vous renommez conteneur. Puis vous faites un lien avec la feuille de style
externe. (Le conteneur aura exactement le même format dans toutes vos pages.)
Pour plus d'infos sur les feuilles de style:
http://faqfp.free.fr/faq/styles/index.htm

Pour le problème de la couche qui n'est pas centrée dans Internet Explorer, ici
on propose d'utiliser deux couches l'une dans l'autre, le contenu de la première
est centré, celui de la deuxième aligné à gauche:
http://www.openweb.eu.org/articles/initiation_centrage/

Pour un exemple (à tester dans Internet Explorer et Firefox), voir "Centrage d'une
boîte rigide en pixels" dans:
http://www.openweb.eu.org/articles/initiation_centrage/annexes/annexe1.html#ex2


Maintenant, pour l'utilisation de votre code, au lieu d'être placée entre
<head></head>, cette section pourrait se trouver dans une feuille de style
externe:

html {
margin:0;
padding:0;
}
body {
background: white;
margin: 0px 0 ;
padding:0;
text-align: center;
font-style:normal; font-variant:normal; font-weight:normal;
font-size:0.9em; font-family:Bookman Old Style, helvetica, sans-serif
}
#conteneur {
width: 823px ;
height: 1763px;
margin:0 auto ;
text-align: left;
padding: 10px 0 0 0;
border: none;
background-image: url('images/background.jpg') ;
}


Ensuite dans chacune de vos pages liées à la feuille de style externe,
la balise <body> devrait être suivie par la commande:
<div id="conteneur">

tandis que la balise </body> devrait être précédée par </div>


En espérant que cela puisse vous aider,
Louise


"NyOz" a écrit dans le message de news:

Bonjour, j'ai trouvé ceci sur un site dont j'ai copié la source...
...

Y a t-il des moyens de l'améliorer, pour le rendre plus maniable ??? Parce
que là il faut que je créer un truc pour chaque couche (qui n'est plus une
couche du coup)...

Nyoz
http://www.nyoz.fr/


Avatar
NyOz
j'ai réussi à centrer à peu près toutes les couches :

http://www.syn-n-psys.com/nouvellepage1.htm


Par contre c'est vrai qu'il faudrait alléger un peu le code... Quel nom
dois-je donner à mon fichier texte et quel lien vers ce fichier dois-je
placer?

N. AUZEINE
1 2