Image au milieu et centre d'une div
Résolu
Bonjour,
j'essaie de mettre une image au milieu de ma balise div, elle se centre juste et mais ne se met pas au milieu. Si quelqu'un pourrait m'aider.
Voici mon code html :
<!-- ENTÊTE -->
<div id="entete" align="center">
<img src="../MS_Pictures/logo.png" width="322" height="112" align="absmiddle" class="img_div"/>
</div>
Et voici le CSS :
/*ENTÊTE*/
#entete
{
display:block;
margin: 30px 0px 30px 0px;
width:900px;
height:120px;
line-height: 120px;
background:#CCCCCC;
overflow:hidden;
vertical-align:middle;
}
.img_div
{
overflow:hidden;
margin: auto;
padding:0px;
vertical-align:middle;
}
j'essaie de mettre une image au milieu de ma balise div, elle se centre juste et mais ne se met pas au milieu. Si quelqu'un pourrait m'aider.
Voici mon code html :
<!-- ENTÊTE -->
<div id="entete" align="center">
<img src="../MS_Pictures/logo.png" width="322" height="112" align="absmiddle" class="img_div"/>
</div>
Et voici le CSS :
/*ENTÊTE*/
#entete
{
display:block;
margin: 30px 0px 30px 0px;
width:900px;
height:120px;
line-height: 120px;
background:#CCCCCC;
overflow:hidden;
vertical-align:middle;
}
.img_div
{
overflow:hidden;
margin: auto;
padding:0px;
vertical-align:middle;
}
2 réponses
-
J'ai trouvé... j'ai mis ceci dans mon CSS, au niveau de l'entête :
/*ENTÊTE*/
#entete
{
display:block;
margin: 30px 0px 30px 0px;
width:900px;
height:120px;
line-height: 120px;
background:#CCCCCC;
overflow:hidden;
display:table-cell;
vertical-align:middle;
}
Seulement, mes marges ne sont plus prises en compte... pourquoi SVP ?? -
Bonjour,
Un simpletext-align:center;
sur la div vous permettra de placer l'image au milieu.
http://devoriginal.com
