[RESOLU] Midori et CSS3 "text-align:justify;"

sogal · 30-05-2014 23:08:10

Salut,
Je suis en train de décrasser un peu mon site et j'ai remarqué que midori gérait mal l'affichage du texte de ce dernier, lorsqu'il était justifié. Aucun problème avec l'alignement centré ou gauche ou droit.
Voici le bout de code CSS en question:

article {

    display:inline-block;

    height:800px;

    vertical-align:top;

    position:relative;

    overflow:auto;

    background-color:#CCCCCC;

    max-width:75%;

    margin-left:1%;

    padding:10px 10px 5px 10px;

    font-size:0.85em;

    text-align:justify;

    border-radius:10px;

    box-shadow:3px 3px 3px black inset, -3px -3px 3px black inset;

}

Cela s'affiche sans soucis sous Iceweasel et Chromium, mais sous Midori il manque des mots, il faut les surligner avec le curseur de la souris pour qu'ils apparaissent.
J'ai bidouillé le CSS en tous sens mais je ne vois rien qui justifie ce soucis.
Une idée?

Dernière modification par sogal (05-06-2014 19:12:11)

sogal · 05-06-2014 19:21:44

Bon, c'est résolu en utilisant l'analyse de la page tout bêtement. Midori semble mal gérer la propriété CSS3 "border-radius:Xpx;" et ses dérivés (moz-border-radius, webkit-border-radius) combinée avec un alignement de texte justifié ou centré. En désactivant ça passe.

captnfab · 05-06-2014 19:57:33

Merci de ton retour

Debian-facile

#1 30-05-2014 23:08:10

[RESOLU] Midori et CSS3 "text-align:justify;"

#2 05-06-2014 19:21:44

Re : [RESOLU] Midori et CSS3 "text-align:justify;"

#3 05-06-2014 19:57:33

Re : [RESOLU] Midori et CSS3 "text-align:justify;"

Pied de page des forums