Acid3 OK, mais ça tourne pas rond...

Résolu
le hollandais volant Messages postés 5294 Statut Membre -  
math 2000 Messages postés 2589 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour tout le monde, j'ai une page web mais une chose me tracasse......

J'utilise pas mal de sections div et des titres (H1, H2, ... que j'arrondis grâce aux CSS).

Le problème, c'est que Firefox affiche tout rond, par contre, Safari, chrome et Konqueror affichent tout rond sauf les titres 2 et 3.

(dans le css, j'ai mis H1, H2, H3 { "coins arrondis" })

Mais surtout, Opéra (même le 10, pourtant 100/100 aux tests acid 3) n'affiche rien de rond! Tout est rectangulaire!

(Bon, Internet Explorer (6,7, et 8) n'affichent rien de rond et me causent plein de problèmes... mais je m'en tape un peu de IE...)

outre cela, auriez vous une idée d'où cela vient? J'ai entendu que les moteur HTML (Gecko, khtml...) n'affichent pas tout de la même façon, mais quelle est celui de Opera?

Et comment puis-je faire pour que les utilisateurs de Opera puissent avoir les bords arondis?

mon site : lehollandaisvolant.webou.net/index.php

la page CSS est index.css

Merci à tous!

--
"La route est longue mais la voie est Libre!"
Configuration: Pc portable Asus
ubuntu 99% (windows 1%)
gpg key ID=816BBAF4
https://keyserver.pgp.com/

5 réponses

  1. math 2000 Messages postés 2589 Date d'inscription   Statut Membre Dernière intervention   405
     
    ça fait partit des recommandation les coins arrondis mais bon passe ta page pour voir avec le css
    au lieu de mettre les code sur le forum ça serait meiux la page en ligne
    0
  2. le hollandais volant Messages postés 5294 Statut Membre 1 059
     
    ok :

    voici donc le fichier PHP :
    http://lehollandaisvolant.webou.net/index.php

    et le CSS :
    http://lehollandaisvolant.webou.net/index.css

    les arrondis sont à la fon du doc :

    { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -khtml-border-radius: 15px; }
    0
  3. dodoecchi Messages postés 449 Date d'inscription   Statut Membre Dernière intervention   34
     
    si tu veux être sûr qu'un site s'affiche correctement dans les navigateurs qui respectent les standars (=exit IE), soumet ton site au validator : http://validator.w3.org/

    et les propriétés css pour les coins arrondis c'est pas encore officiel, donc c'est pas recommandé
    de plus, il n'est pas bon d'utiliser des propriété css spécifiques aux différents moteurs de rendus (-moz, -webkit) car celà va à l'encontre des standars du web

    Dorian
    0
  4. le hollandais volant Messages postés 5294 Statut Membre 1 059
     
    Ok, ouais, mais bon…

    Pour l'instant, le HTML c'est à 99% bon (juste des érreurs que je ne peux pas corriger (dans les adresses des liens))

    pour le CSS, mouais... Pour l'instant, je laisse donc comme cela!

    Donc les "border-radius" c'est pas officiel, c'est pour cela. Je ne savais pas!

    Merci en tout cas!
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. math 2000 Messages postés 2589 Date d'inscription   Statut Membre Dernière intervention   405
     
    tu peux mettre résolut cat finalement j'ai regardé webkit et opéra ne lisent pas border radius
    0