Logo centrer [ RESOLU ]

Bonjour,

J'ai une div qui me centre mon image. Ca centre nickel chrome sur mon pc mais sur mon S5, j'ai l'image aligné à gauche. Avec Dreamweaver, en mode Iphone, pareil à gauche. Ca doit pas être grand chose mais je tourne en rond. La div centre une image et un liste de choix avec des boutons à cocher. Ca fonctionne mais si je pouvais centrer, ça ferait plus beau.

#align
{
	text-align:center;
	align-content:center;
}

Merci d'avance de vos retours.

Essaie en supprimant la DIV et en donnant un type block à ton IMG :

img.align
{
display:block;
margin:0 auto;
}

Au lieu d'un sélecteur "#" (unique page HTML) ici c'est un sélecteur "." pour la réutilisabilité, plusieurs images pouvant avoir à être centrées sur une même page.
Pour être un peu plus en conformité avec HTML5, mieux vaudrait créer un FIGURE et placer ton IMG dedans, éventuellement avec un FIGCAPTION pour la légende :

figure
{
margin:0 auto;
}

Cf.tutoriel.
A priori, ceci devrait fonctionner sur tous les navigateurs récents.

Merci, je vais tester.

C'est aligné à gauche !!!! Tonnerre de Brest de mille sabord

C'est pas bien grave si c'est à gauche, je pinaille !!!

Bref, je laisse tomber ...
Modifié par Tintin75 (23 Apr 2016 - 20:14)

Tintin75 a écrit :
Bref, je laisse tomber ...

Il aurait fallut montrer l'élément dans son contexte car, à priori, il n'y a aucune raison pour que la solution de Sepecat ne fonctionne pas.

Réussit j'ai mis un retrait de la largeur de ma fenêtre pour le centrer

margin-left: 250px;
Modifié par Tintin75 (24 Apr 2016 - 09:07)

Tintin75 a écrit :
Réussit j'ai mis un retrait de la largeur de ma fenêtre pour le centrer
margin-left: 250px;

Ta solution est trop liée à une configuration donnée, comme le souligne Olivier.
En complément de ma précédente réponse, et si tu connais la largeur de ta DIV, tu peux toujours utiliser la méthode du 50%...
Extrait de ce tutoriel :

.parent {
  position: relative;
}
.child {
  width: {X}em; /* remplacer {X} par votre valeur */
  position: absolute;
  left: 50%;
  margin-left: -{X/2}em; /* remplacer {X/2} par la moitié de votre width */
}

Modifié par sepecat (24 Apr 2016 - 20:12)

Merci sepecat, ça fonctionne nickel !!!

C'est dans une fenêtre, donc je connais la largeur de la fenêtre. Le chiffre tombe rond, donc aucun problème pour le diviser par 2.

Je connaissais pas la méthode. Super efficace et simple en plus.

Merci encore, et bonne semaine.
Modifié par Tintin75 (25 Apr 2016 - 09:37)