hauteur: -webkit-calc(100% - 155px); ne fonctionne pas sous Safari
tout le monde peut voir pourquoi cela ne fonctionne pas dans Safari? Sur ce site http://www.transurban.co.nz/newHomePage la div contenant le curseur a la hauteur calculée à l'aide de hauteur: calc(100% - 155px); Il fonctionne parfaitement pour tous les navigateurs en dehors de Safari (Safari spécifique = hauteur de: -webkit-calc(100% - 155px); )
Toute aide/suggestions sont grandement appréciées.
CSS
html, body, #wrapper { height: 100%; }
#headerHome {height:146px;}
#center {
height: 100%;
width:100%;
overflow: hidden;
height: -moz-calc(100% - 155px);
height: -webkit-calc(100% - 155px);
height: calc(100% - 155px);
}
.sliderBox{
width:100%;
height:100%;
}
HTML
<div id="wrapper">
<div id="headerHome">
HEADER STUFF
</div>
<div class="redBorder"></div>
<div id="center">
<div class="sliderBox">
SLIDER STUFF HERE
</div>
<div class="centralWrap">
MAIN CONTENT HERE
</div>
</div>
</div>
Quelle est la version de Safari, de l'OS? caniuse.com/calc
Safari 5.1.7 Windows 7
Notez que safari de la mise en œuvre est buggé: developer.mozilla.org/en-US/docs/Web/CSS/calc
Merci. Quelqu'un peut-il suggérer une autre façon d'obtenir cette hauteur? Je suis en train de regarder le CSS 3 Flexibles approche de Modèle de Boîte comme une solution possible trop hacks.mozilla.org/2010/04/the-css-3-flexible-box-model Dommage que la calc(100% - n'est-ce pas pour le faire pour moi, que c'est agréable et simple.
Safari 5.1.7 Windows 7
Notez que safari de la mise en œuvre est buggé: developer.mozilla.org/en-US/docs/Web/CSS/calc
Merci. Quelqu'un peut-il suggérer une autre façon d'obtenir cette hauteur? Je suis en train de regarder le CSS 3 Flexibles approche de Modèle de Boîte comme une solution possible trop hacks.mozilla.org/2010/04/the-css-3-flexible-box-model Dommage que la calc(100% - n'est-ce pas pour le faire pour moi, que c'est agréable et simple.
OriginalL'auteur Grant | 2014-04-27
Vous devez vous connecter pour publier un commentaire.
La
-webkit-calc
fonctionnalité de Safari fonctionne, tout simplement (buggy) pour la version 6 et plus tard. Il ne fonctionnera jamais sur Windows (Safari pour Windows est obsolète et ne doit pas être utilisé plus).https://developer.mozilla.org/en-US/docs/Web/CSS/calc
OriginalL'auteur KittMedia