OVH Cloud OVH Cloud

Centrage de pages Internet ??

14 réponses
Avatar
Raymond
Bonsoir,

Je ne suis peut-être pas dans le bon newsgroup et si cela est le cas
veuillez m'en excuser et me dire, s'il vous plait, ou je dois m'adresser !!

Voila mon problème :
J'ai à faire quelques pages Internet qui seront lues sur des écrans de
différentiels tailles (1024*768 jusqu'à 1600*1200 ).
L'un des points essentiels du cahier des charges de ce mini site, stipule
que quelle que soit la façon dont le navigateur ouvrira ces pages ( plein
écran, taille réduite, ....) ces pages en question devront toujours être
centrées dans l'écran !!

Je pense que pour réaliser cela, il faut que je puisse récupérer la taille
de la fenêtre du navigateur client !!!

Comment puis je faire ça, ou trouver des infos sur ces techniques ??

Précisions : le site serait fait avec soit FrontPage 2000 soit avec
DreamWeaver MX !!

Merci d'avance de vos tuyaux !!!

Ray

10 réponses

1 2
Avatar
Peter Pan
Raymond a écrit :
ces pages en question devront toujours être
centrées dans l'écran !!



Peux-tu être plus précis ?
Centrage horizontal, vertical, les deux ?
Largeur du conteneur fixe ou variable ?

Un brouteur place les éléments dans la page comme tu lui demandes,
habituellement ;-)

--
Pierre
http://dev.ppan.net/
Avatar
Hervé Cauwelier
Raymond a écrit :
Je pense que pour réaliser cela, il faut que je puisse récupérer la taille
de la fenêtre du navigateur client !!!



Argh !

Comment puis je faire ça, ou trouver des infos sur ces techniques ??



Mise en page par CSS, j'utilise le code suivant :

position: absolute;
top: 50%;
left: 50%;
width: 400px;
height: 300px;
margin: -150px 0 0 -200px;
padding: 0;

Sur le conteneur principal, où 400 x 300 est la taille du « mini-site »
et les marges sont la moitié de cette taille ; note qu'elles sont négatives.

Précisions : le site serait fait avec soit FrontPage 2000 soit avec
DreamWeaver MX !!



Toutes mes condoléances.

--
Hervé Cauwelier

http://www.oursours.net/
Avatar
Denis Beauregard
Le Tue, 9 Nov 2004 19:40:34 +0100, "Raymond"
écrivait dans fr.comp.infosystemes.www.auteurs:

Bonsoir,

Je ne suis peut-être pas dans le bon newsgroup et si cela est le cas
veuillez m'en excuser et me dire, s'il vous plait, ou je dois m'adresser !!

Voila mon problème :
J'ai à faire quelques pages Internet qui seront lues sur des écrans de
différentiels tailles (1024*768 jusqu'à 1600*1200 ).
L'un des points essentiels du cahier des charges de ce mini site, stipule
que quelle que soit la façon dont le navigateur ouvrira ces pages ( plein
écran, taille réduite, ....) ces pages en question devront toujours être
centrées dans l'écran !!



Ce n'est pas orthodoxe, mais la façon la plus simple (et la plus
universelle), c'est de placer le texte dans un tableau de 3 colonnes.
Par exemple, des colonnes de 20%, 58% et 20% de la fenêtre.


Denis, qui restera stoïque quand on lui dira qu'il faut le faire en
css
Avatar
loufoque
Hervé Cauwelier a dit le 09/11/2004 20:00:

Mise en page par CSS, j'utilise le code suivant :

position: absolute;



On ne peut pas centrer un élément en position absolue.
Avatar
Hervé Cauwelier
loufoque a écrit :
On ne peut pas centrer un élément en position absolue.



Sans ça marche plus, alors...

http://www.oursours.net/

C'est grave docteur ?

--
Hervé Cauwelier

http://www.oursours.net/
Avatar
christophe C
Raymond a écrit :
Bonsoir,

Je ne suis peut-être pas dans le bon newsgroup et si cela est le cas
veuillez m'en excuser et me dire, s'il vous plait, ou je dois m'adresser !!

Voila mon problème :
J'ai à faire quelques pages Internet qui seront lues sur des écrans de
différentiels tailles (1024*768 jusqu'à 1600*1200 ).
L'un des points essentiels du cahier des charges de ce mini site, stipule
que quelle que soit la façon dont le navigateur ouvrira ces pages ( plein
écran, taille réduite, ....) ces pages en question devront toujours être
centrées dans l'écran !!

Je pense que pour réaliser cela, il faut que je puisse récupérer la taille
de la fenêtre du navigateur client !!!

Comment puis je faire ça, ou trouver des infos sur ces techniques ??

Précisions : le site serait fait avec soit FrontPage 2000 soit avec
DreamWeaver MX !!

Merci d'avance de vos tuyaux !!!

Ray




4 articles sur le cenrage : http://css-astuces.batraciens.net/centrage-1.htm

--
-> http://batraciens.net/ - "BATRACIENS" : Articles et photos sur
l'élevage et la maintenance des batraciens, aquatiques ou terrestres.
Petites annonces.
-> http://css-astuces.batraciens.net/ - "CSS-ASTUCES" : Trucs et astuces
de codage CSS pour enrichir vos pages Web.
-> http://www.priceminister.com/boutique/batra3 - Je vend mes livres SF
d'occasion.
Avatar
loufoque
Hervé Cauwelier a dit le 09/11/2004 21:35:

Sans ça marche plus, alors...
http://www.oursours.net/
C'est grave docteur ?



Oui, on peut faire ça avec les marges négatives, mais uniquement si la
taille est connue en absolu.
Normalement, pour un truc qui soit s'adapter à toutes les résolutions,
la taille est proportionelle à la taille du navigateur.
Avatar
Philippe Chaissac
loufoque a écrit :
Hervé Cauwelier a dit le 09/11/2004 21:35:

Sans ça marche plus, alors...
http://www.oursours.net/
C'est grave docteur ?




Oui, on peut faire ça avec les marges négatives, mais uniquement si la
taille est connue en absolu.
Normalement, pour un truc qui soit s'adapter à toutes les résolutions,
la taille est proportionelle à la taille du navigateur.



<html>
<head>
<style type="text/css">
html,body{margin:0;padding:0;width:100%;height:100%}
.boite {
border:1px dotted red;
position:absolute;
top:30%;left:20%;
width:60%;height:40%;
}
</style>
<head>
<body>
<div class="boite">a</div>
</body>
</html>
Avatar
ASM
Denis Beauregard a ecrit :

Le Tue, 9 Nov 2004 19:40:34 +0100, "Raymond"
écrivait dans fr.comp.infosystemes.www.auteurs:

>J'ai à faire quelques pages Internet qui seront lues sur des écrans de
>différentiels tailles (1024*768 jusqu'à 1600*1200 ).
>L'un des points essentiels du cahier des charges de ce mini site, stipule
>que quelle que soit la façon dont le navigateur ouvrira ces pages ( plein
>écran, taille réduite, ....) ces pages en question devront toujours être
>centrées dans l'écran !!



Dur Dur de centrer qque chose de + grand que l'affichage
ça va pas être sympa pour le visiteur qui devra alors scroller
dans 4 directions au lieu de 2

Ce n'est pas orthodoxe, mais la façon la plus simple (et la plus
universelle), c'est de placer le texte dans un tableau de 3 colonnes.
Par exemple, des colonnes de 20%, 58% et 20% de la fenêtre.



Ben non : il suffit d'un tableau d'une seule celulle !
(et ça ne marche que si l'affichage est + grand que ce qu'il y a à voir)

Denis, qui restera stoïque quand on lui dira qu'il faut le faire en
css



C'est à peine + compliqué

Le seul truc c'est que mes brouteurs ne sont jamais en 1024*768 mini
(le + souvent c'est bp moins) ça va vite être chiant de devoir scroller
et vers le haut et vers le bas pour voir la carte.


--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************
Avatar
ASM
loufoque a ecrit :

Normalement, pour un truc qui soit s'adapter à toutes les résolutions,
la taille est proportionelle à la taille du navigateur.



Le mossieur semblait avoir une taille fixe à faire afficher
dans des écrans de tailles différente
(à ce que j'ai cru comprendre)

Je suppose qu'il oblige à ce qu'on soit en plein écran ?
Sinon je vois pas trop l'intéret sauf si le truc à centrer
est un timbre poste ;-)

--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************
1 2