Discussion :

[thtoO]

Bonjour,

C'est mon premier post içi, donc j'espère que ça va bien se passer.
Je n'ai plus codé depuis assez longtemps et essaye de m'y remettre doucement pour un besoin familial. Bref, j'ai lu beaucoup de choses sur ce forum "Mise en page CSS", mais j'ai l'impression que je ne trouve pas de réponse à ma question. La voici.

Je souhaite réaliser un site qui s'adapte en fonction de la résolution de l'utilisateur, donc j'ai trouvé beaucoup de réponse via http://objetdirect.developpez.com/tu...onsive-design/ , très clair, et très instructif.
Mais j'ai l'impression qu'on ne parle içi uniquement d'adaptation en largeur, de la taille des objets/polices/medias en fonction de la largeur, mais jamais fonction de la hauteur.

Mon besoin est assez simple à expliquer, et surement à effectuer. (cf piece jointe)

J'ai besoin que mon site s'affiche de manière centrée, en largeur ET hauteur, sans jamais d'ascenceur.

Cela est-il possible de la même manière que la gestion de la largeur?

Toutes mes excuses si le sujet a déjà été débattu de nombreuses fois içi, je ne l'ai pas vu lors de mes recherches.

Merci!
Thomas

[NoSmoking]

Bonjour et bienvenue sur DVP.

J'ai besoin que mon site s'affiche de manière centrée, en largeur ET hauteur, sans jamais d'ascenceur.

Concernant la 1^ére partie cela ne devrait pas poser de problème si les largeur/hauteur sont fixées, quant à la 2^éme il faut être conscient que lorsque la hauteur/largeur du site sera supérieure (sauf bien sûr cas de dimensionnement en %) à celle de la fenêtre il y aura apparition de scrollbar sauf a mettre un overflow:hidden sur le body.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
#page{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin: auto;
  width:600px;
  height:600px;
  background:#abc;
}

[laurentSc]

Si l'apparition de scrollbar vient de la trop grande hauteur d'une image, tu peux peut-être faire le même genre d'adaptation que je faisais justement pour éviter l'apparition d'une scrollbar selon la résolution de l'utilisateur :

Code php :

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

1
2
3
4
5
6
7
8
9
10
11
 
<?php 
$client_screen_width=$_GET['w']; $client_screen_height=$_GET['h']; 
switch ($client_screen_width) { 
     case 1280 : $image="banniere1280"; break; 
     case 1024 : $image="banniere1024"; break; 
     case 800 : $image="banniere800"; break;
     default : $image="banniere1024"; break;  
} 
$bandeau="../_frame/".$image.".jpeg"; 
?>

moi, je testais la largeur mais on peut le faire aussi avec la hauteur.

[NoSmoking]

@Laurent : un peu de mal à voir le rapport avec un centrage vertical/horizontal...

[laurentSc]

C'est sûr vu qu'il n'y en a aucun ; le but était juste de supprimer l'ascenseur, mais cela étant obtenu, que l'image soit centrée est facile à faire avec un peu de CSS (même pour moi !)

[thtoO]

merci à vous deux !

NoSmoking, je test ça demain.


Merci encore,

Thomas