Avoir un site en plein milieu du navigateur ?
Résolu/Fermé
A voir également:
- Avoir un site en plein milieu du navigateur ?
- Site de telechargement 2023 - Guide
- Site de vente en ligne particulier - Guide
- Smartphone milieu de gamme - Guide
- Site inaccessible - Guide
- Navigateur privé - Guide
4 réponses
avion-f16
Messages postés
19241
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
16 mars 2024
4 495
19 janv. 2010 à 21:24
19 janv. 2010 à 21:24
Il suffit d'englober ton site d'un div avec id="global".
Et dans le CSS :
Pour récupérer la hauteur de la fenêtre :
Et dans le CSS :
#global { margin-left:25px; margin-right:25px; margin-top:25px; background:#f3f3f3; }Pour le centrage vertical, il faudra faire appel à Javascript.
Pour récupérer la hauteur de la fenêtre :
function hauteur() { if( typeof( window.innerWidth ) == 'number' ) return hauteur = window.innerHeight; else if( document.documentElement && document.documentElement.clientHeight ) return hauteur = document.documentElement.clientHeight; }À partir de ça, tu fais de simples calculs pour avoir la hauteur de ton :
function hauteurGlobal() { div = document.getElementById('global'); hauteur = hauteur() - 50; div.style.height = hauteur + "px"; } window.onload = function() { hauteurGlobal(); }; window.onresize = function() { hauteurGlobal(); };Je n'ai pas testé mais ça devrait aller.
Merci pour ta réponse.
Je me rends compte que j'ai oublié un détail : mon site est en valeur absolu (955px de large sur 600px de hauteur) par conséquent je ne peux pas le fixer en mettant des pixels aux cotés du navigateur ...
Je me rends compte que j'ai oublié un détail : mon site est en valeur absolu (955px de large sur 600px de hauteur) par conséquent je ne peux pas le fixer en mettant des pixels aux cotés du navigateur ...
avion-f16
Messages postés
19241
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
16 mars 2024
4 495
20 janv. 2010 à 22:45
20 janv. 2010 à 22:45
D'abord retires la margin-top dans le CSS et le "- 50" dans le script JS.