CSS - centrer Div taille aléatoire
Résolu/Fermé
doumbe26
Messages postés
139
Date d'inscription
jeudi 12 février 2009
Statut
Membre
Dernière intervention
16 février 2012
-
3 août 2011 à 15:05
coeus Messages postés 3021 Date d'inscription samedi 13 janvier 2007 Statut Membre Dernière intervention 19 juin 2013 - 4 août 2011 à 14:44
coeus Messages postés 3021 Date d'inscription samedi 13 janvier 2007 Statut Membre Dernière intervention 19 juin 2013 - 4 août 2011 à 14:44
Bonjour,
voila un problème ce pose... comment centrer une div quand on ne connait pas à l'avance sa taille. (la div contient un menu dont la taille diffère selon le type de l'utilisateur qui se connecte (administrateur, simple utilisateur...)
si quelqu'un a une idée...
voila un problème ce pose... comment centrer une div quand on ne connait pas à l'avance sa taille. (la div contient un menu dont la taille diffère selon le type de l'utilisateur qui se connecte (administrateur, simple utilisateur...)
si quelqu'un a une idée...
A voir également:
- CSS - centrer Div taille aléatoire
- Comment réduire la taille d'un fichier - Guide
- Reduire taille photo - Guide
- Afficher taille dossier windows - Guide
- Div c++ - Télécharger - Langages
- Taille iphone 14 - Guide
6 réponses
coeus
Messages postés
3021
Date d'inscription
samedi 13 janvier 2007
Statut
Membre
Dernière intervention
19 juin 2013
119
3 août 2011 à 20:49
3 août 2011 à 20:49
Salut,
Soit la solution de magicshark, ou alors...
Supposons que tu aies ceci :
Tu peux donner un CSS qui ressemble à :
En gros, la clé c'est le margin:0 auto; qui fait un positionnement centré. Dans certains cas, un text-align:center; sur le #menu_contenant peut aider aussi, mais c'est secondaire.
Après, le #menu peut avoir la largeur qu'il veut, tant que ça n'excède pas celle du contenant.
J'espère que ça t'aide !
Soit la solution de magicshark, ou alors...
Supposons que tu aies ceci :
<div id="menu_contenant"> <div id="menu"> ... </div> </div>
Tu peux donner un CSS qui ressemble à :
#menu_contenant {
width:400px;
}
#menu_contenant #menu {
margin:0 auto;
width:200px;
}
En gros, la clé c'est le margin:0 auto; qui fait un positionnement centré. Dans certains cas, un text-align:center; sur le #menu_contenant peut aider aussi, mais c'est secondaire.
Après, le #menu peut avoir la largeur qu'il veut, tant que ça n'excède pas celle du contenant.
J'espère que ça t'aide !
magicshark
Messages postés
402
Date d'inscription
mardi 27 juillet 2010
Statut
Membre
Dernière intervention
6 mai 2014
13
3 août 2011 à 18:34
3 août 2011 à 18:34
je vois bien une solution mais c'est pas la meilleur suremant faire des div dynamique qui s'appelle soit user,admin ... et faire les taille en css
doumbe26
Messages postés
139
Date d'inscription
jeudi 12 février 2009
Statut
Membre
Dernière intervention
16 février 2012
3
4 août 2011 à 10:19
4 août 2011 à 10:19
Bon j'ai trouvé une "feinte" à mon problème qui fonctionne sous Chrome et Firefox mais pas sous IE :s ...
Si quelqu'un a une idée...
<?php
if(verifAccesAdmin($_SESSION['idUnique']) || verifAccesCadre($_SESSION['idUnique'])){
?>
<body onload="javascript:document.getElementById('menu').style.marginLeft='-109px';" />
<?php
}else{
?>
<body onload="javascript:document.getElementById('menu').style.marginLeft='-42px';" />
<?php }?>
Si quelqu'un a une idée...
doumbe26
Messages postés
139
Date d'inscription
jeudi 12 février 2009
Statut
Membre
Dernière intervention
16 février 2012
3
4 août 2011 à 10:50
4 août 2011 à 10:50
Problème résolu !!!
ajout dans css du body
et
ajout de par exemple pour que ceci s'éxécute uniquement ac IE
ajout dans css du body
text-align: center;
et
ajout de par exemple pour que ceci s'éxécute uniquement ac IE
<!--[if IE]>
<body onload="javascript:document.getElementById('menu').style.marginLeft='-312px';" />
<![endif]-->
coeus
Messages postés
3021
Date d'inscription
samedi 13 janvier 2007
Statut
Membre
Dernière intervention
19 juin 2013
119
4 août 2011 à 14:44
4 août 2011 à 14:44
Ouais... Moi je te conseillerais d'utiliser un attribut style="..." dans la balise au lieu de recourir au Javascript. Ne serait-ce que parce qu'il y a quand même un bon nombre d'utilisateurs qui désactivent carrément Javascript sur leurs navigateurs, se croyant ainsi plus en sécurité... Et personnellement je déteste à mourir la fonction onload(), ça me donne de l'urticaire et je ne m'en sers qu'en dernier recours...
Ultimement c'est ton choix ! ;-)
Ultimement c'est ton choix ! ;-)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question