bloc pa qui redescend sous safari

[kaefux28]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Safari
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Plusieurs utilisateurs
Lien du forum : http://aratquirit.forumpersos.com/

Description du problème

Voila, aujourd'hui je me suis aperçu (enfin un membre) que le bloc PA du milieu et bien il était trop haut, ou les deux du côté trop bas. Cette personne est donc sur un Macmini et utilise Safari. Je lui ai fait testé Firefox, et pas de soucis, les blocs sont niquels.
Je veux surtout remonter le problème, je me doute que trouver une solution risque d'être compliquer.

[MD2]

Hello,

peut tu nous donner ton code css vu que juste safari ne fonctionne pas ?

Cordialement

[kaefux28]

ah oui bien sur. Je vous met juste la parti du bloc

Code:

  /**======codage pa pour Kaefux======**/
   
   
    #bloc_complet{
      text-align:center;
      margin: 20px 0;
    }
   
    #bloc_entete, #bloc_gauche, #bloc_center, #bloc_droite {
      box-sizing: border-box;
      background-color: #454545;
      border: 2px solid #670100;
      font-size: 12px;
      padding: 10px;
      margin: 5px;
      -khtml-border-radius: 8px;
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px;
      border-radius: 8px;
      -webkit-box-shadow: 0 0 9px #670100;
      -moz-box-shadow: 0 0 9px #670100;
      box-shadow: 0 0 9px #670100;
    }
   
    #bloc_gauche, #bloc_center, #bloc_droite {
      display: inline-block;
      text-align: left;
      height: 300px;
      overflow: auto;
    }
   
    #bloc_gauche{
      width:27%;
    }
   
    #bloc_center{
      width:40%;
    }
   
    #bloc_droite{
      width:27%;
    }
#bloc_center, #bloc_droite, #bloc_gauche {
overflow: hidden!important;
}

voilou

[MlleAlys]

Bonjour,
modifie le code

Code:

#bloc_gauche, #bloc_center, #bloc_droite {
      display: inline-block;
      text-align: left;
      height: 300px;
      overflow: auto;
    }

en

Code:

#bloc_gauche, #bloc_center, #bloc_droite {
      display: inline-block;
      text-align: left;
      height: 300px;
      overflow: auto;
      vertical-align: top;
    }

Est-ce que ça résout le problème ?

[MD2]

Hello essaie ceci :

Code:

#bloc_gauche, #bloc_center, #bloc_droite {
      display: inline-block;
      text-align: left;
      height: 300px;
      vertical-align: top;
      overflow: auto;
     
    }


Cordialement

Edit up : oups on a poster avant moi

[kaefux28]

Et bien niquel ! Le problème est résolu, merci beaucoup.