Forum

Bonjour
J'ai la V 5.03 d'installé chez ovh. <a href="http://www.pneupassionmed.fr/index.php">http://www.pneupassionmed.fr/index.php</a>

J'ai modifié le thème de base pour exploiter toutes la largeur d'écran (et ne pas fixer à une taille mini) en mettant en commentaires la ligne
/*max-width: 1024px;*/ du div#global {

/* -- Conteneur global du site -- */
/* ------------------------------ */
div#global {
display: flex;
display: -ms-flexbox;
display: -webkit-flex;
flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
margin: 1.5em auto 0 auto;
padding: 0 10px;
/* Modif Cyril pour largeur max, 27/02/16 */
/*max-width: 1024px;*/
}

J'ai aussi modifié le header pour afficher une image large
/* -- En-tete de page - Header -- */
/* ------------------------------ */
header#header {
/* modif Cyril 25/02/16*/
/*background-color: #366393;*/
background: url('images/header.png') no-repeat;
background-position:center 0px;
margin-bottom: 8px;
}

Sur Firefox, Chrome, IE ça marche bien. Sur Safari sous Windows version 5.1.7 (la dernière), j'ai le menu, gauche, puis en dessous la zonne centrale puis encore en dessous le menu droit.

Une idée pour rendre mon site compatible avec safari Windows ?
Merci.

safari sous windows est une vieille version non supportée par la flexbox et non maintenue par apple. par contre sous mac aucun soucis
Quand tu dis "la dernière" tu pensais peut-être pouvoir dire "la plus récente", mais non, c'est vraiment la dernière. apple n'en fera pas de nouvelle

Merci babsolune
J'ai pas de mac. Je teste donc avec cette vielle version effectivement de 2012.

Si tu me dis que sur mac c'est OK, alors tant mieux.
Je clos le post

je n'ai pas de mac non plus <img src="/images/smileys/smile.png" alt=":)" class="smiley" /> et j'utilise aussi la version pour windows, mais on peut voir que la flexbox est compatible avec un safari "normal" à cette adresse <img src="/images/smileys/wink.png" alt=";)" class="smiley" />
<a href="http://caniuse.com/#search=flex">http://caniuse.com/#search=flex</a>

OK