[Résolu] Propriété width ne marche pas sur mozilla

Bonjour,

Le contenu de ma page se divise en 2 bloc, que j'ai mis cote à cote,

// en utilisant 
display:table-cell;

Le contenu de droite contient les images et le contenu de gauche les textes,



Les images sont limitées à 300px quelque soit la taille réelle des images.

Sur tous les navigateurs, ça marche correctement, c'est à dire que les images sont vraiment limitées à 300px, mais sur mozilla elles gardent leurs tailles réelles,



Quelqu'un aurait il une idée.

Merci et bonne journée

Bonjour,

nancy a écrit :
Quelqu'un aurait il une idée.

Quelqu'un aurait-il du code (HTML/CSS) ou mieux une page en ligne ?

Voici mon code css,

#colonne_droite{
 width: 300px;
            margin: 0;
            border-left: 1px solid #EBEBEB;
            display:table-cell;
            width:300px;
            padding:10px;
}

#colonne_gauche{
display:table-cell;
            max-width:100%;
            padding:10px 10px 10px 0;
            vertical-align:top
}

J'ai pris exemple sur https://news.google.fr/
Modifié par nancyAlex (31 Jul 2014 - 14:15)

Salut,

+1 pour le code.

sinon ton élément img a-t-il cette propriété CSS ?

img {
max-width: 100%;
}

edit :
ton parent est-il en display: table ? Si oui tu peux lui ajouter table-layout: fixed
Modifié par Gili (31 Jul 2014 - 14:16)

J'ai ajouté

max-width:100%;

mais ça marche toujours pas

@Nancy, le plus simple ce serait que l'on puisse voir/décortiquer une page in situ (même minimaliste, reproduisant le phénomène), là on risque de tourner en rond un petit moment

salut,
bin

img {max-width: 300px}

?

Bonjour,

et MERCI à tous pour les réponses.

oui, effectivement, le max-width marche correctement mais je l'avais juste mal placer.

MERCI et bonne journée