28106 sujets

CSS et mise en forme, CSS3

Bonjour
j'ai un soucis avec Chrome, c'est que mon image dépasse son contener.
j'avais mis un overhidden car ici cela n'est pas génant mais j'ai d'autres images qui elles me posent problème. Et donc il doit y avoir quelque chose que je n'ai pas compris avec css
<div class="boite overhidden">
<div class="alignleft">
<div class="redd boldd">blablabla..</div>
</div>
<div class="hide_mobile">
<img src="../xxxx.jpg" alt="" title="" width="88" height="184"/>
</div>
</div>

Avec firebug lite sous Chrome, je vois bien que l'image sort de son contener <div class="hide_mobile"> et donc du contener <div class="boite overhidden">
Mais comment empécher cela?? Comment agrandir ce contener??
le css:
.boite {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
justify-content:space-between;
padding:15px;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
box-align: center;
align-items:center;
}

le lien http://www.curabet.com/boutiquehtml5/index.php

Merci
Modifié par jean202 (06 Jul 2015 - 09:46)
Bonjour
même en mettant une width de 88px comme mon image, la div correspondante ne fait pas 88px elle est recalculée à 33,3125. Pourquoi? C'est le noeud du problème.
Si quelqu'un a une idée.
Avec Firefox aucun problème.
A+
Bonjour
en fait il faut mettre une width au 1er div. j'ai mis 70% et l'image est correcte
(je le passe à 100% avec un mobile)
Firefox est plus malin
merci