28172 sujets

CSS et mise en forme, CSS3

QUelqu'un saurait m'expliquer pourquoi le code CSS suivant ne fonctionne pas sur Safari Windows et MAC (fond blanc dans les deux cas) :


<style type="text/css" media="screen">
<!--
        body{
        background:url(http://fr.example.com/datas/wallpaper/full/background.jpg) no-repeat center top #1AC6A6;
        .fond{
        width:100%;
        margin:0 auto;
        background:none;
        height:800px;}
        html > body .fond{
        height:auto;
        min-height:800px;}
        
-->
</style>


Je galère là-dessus depuis un moment maintenant. Sur IE6 j'ai une feuille de style spécifique, et sur IE7 et Firefo toutes versions ça marche nickel.

Une idée ?
Modifié par Vladkergan (19 Dec 2008 - 10:08)
Le problème du validateur, c'est qu'il n'explicite pas les erreurs. Je vois pas trop où ce bout de CSS pêche (suis pas trop un killer de la feuille de style à vrai dire).

J'ai testé en n'utilisant que la partie du code qu'il me valide, rien n'y fait, j'ai aussi tenté de modifier certaines des propriétés (de margin 0 auto; je suis passé à margin: auto; , etc) mais c'est pas mieux.
Modifié par Vladkergan (19 Dec 2008 - 09:49)
Et si tu ferme ?? :

body{        background:url(http://fr.example.com/datas/wallpaper/full/background.jpg) no-repeat center top #1AC6A6;}

Modifié par Jeff 2 Papangue (19 Dec 2008 - 10:04)
Oh putain là je mérite le fouet, la crucifixion, la vierge de fer et tout le toutim. Faut vraiment que je retourne à la machine à café là...

En tout cas merci bien.
Modifié par Vladkergan (19 Dec 2008 - 10:08)