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 3019 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 3019 Date d'inscription samedi 13 janvier 2007 Statut Membre Dernière intervention 19 juin 2013 - 4 août 2011 à 14:44
A voir également:
- CSS - centrer Div taille aléatoire
- Comment réduire la taille d'un fichier - Guide
- Comment reduire la taille d'une photo - Guide
- Retour à la ligne css - Forum CSS
- Trait css ✓ - Forum CSS
- Comment retrouver la taille normale de l'écran iphone ✓ - Forum iPhone
6 réponses
coeus
Messages postés
3019
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
399
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
3019
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