Je crois avoir enfin reussi a calmer cette colonne de gauche qui s'elargissait toute seule sous firefox, lors du premier affichage.
J'ai fais le barbare en mettant du max-width a 224px (besoin perso j'imagine que le 188 de base fonctionne aussi) ajouté a un "!important" dans le block.css, dans tout ce qui concerné les xo-canvas-leftcolumn, ainsi que dans layout-soup.css:
#xo-canvas-leftcolumn {
width: 224px !important; /*188px */
max-width: 224px !important;}
code du block.css:
#xo-canvas-leftcolumn .xo-block {
background: url(../img/bloc_bg.png) repeat-y;
color: #666;
padding: 0 7px 0 7px;
}
#xo-canvas-leftcolumn .xo-blocktitle {
height: 16px;
background: url(../img/bloctop.png) repeat-x top;
color: #fff;
font-family: Verdana, sans-serif;
font-size: 0.8em;
text-align: center;
border: solid #3366CC 1px;
margin: 0 2px 5px 2px;
max-width: 224px !important;
}
#xo-canvas-leftcolumn .xo-blockcontent {
background-color: #fff;
color: #666;
padding: 0 5px 0 5px;
max-width: 224px !important;
}
* html #xo-canvas-leftcolumn .xo-blockcontent {
height: 110px;
max-width: 224px !important; }
#xo-canvas-leftcolumn .xo-blockcontent a {
background-color: inherit;
color: #777;
text-decoration: none;
max-width: 224px !important;
}
#xo-canvas-leftcolumn .xo-blockcontent a:hover {
background-color: inherit;
color: #3366cc;
text-decoration: underline;
max-width: 224px !important;
}
#xo-canvas-leftcolumn img {
margin: 3px 3px 0 7px;
border: 1px solid #999;
max-width: 224px !important;
}
#xo-canvas-leftcolumn img:hover {border: 1px solid #7094db;}
Je me rend compte que j'ai oublié le premier et dernier element. Cette methode est surment beaucoup trop barbare, y'a peut etre d'autres solutions plus "propre" mais en attendant ca peut depanner quelqu'un qui cherche ^^