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

Résolu/Fermé
le hollandais volant Messages postés 4998 Date d'inscription samedi 8 mars 2008 Statut Membre Dernière intervention 23 décembre 2023 - 16 juin 2009 à 18:49
math 2000 Messages postés 2579 Date d'inscription dimanche 9 septembre 2007 Statut Membre Dernière intervention 7 mai 2016 - 18 juin 2009 à 18:13
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!

5 réponses

math 2000 Messages postés 2579 Date d'inscription dimanche 9 septembre 2007 Statut Membre Dernière intervention 7 mai 2016 404
16 juin 2009 à 19:46
ç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
le hollandais volant Messages postés 4998 Date d'inscription samedi 8 mars 2008 Statut Membre Dernière intervention 23 décembre 2023 1 056
17 juin 2009 à 08:32
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
dodoecchi Messages postés 454 Date d'inscription samedi 9 septembre 2006 Statut Membre Dernière intervention 26 avril 2012 29
17 juin 2009 à 12:38
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
le hollandais volant Messages postés 4998 Date d'inscription samedi 8 mars 2008 Statut Membre Dernière intervention 23 décembre 2023 1 056
17 juin 2009 à 13:31
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

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
math 2000 Messages postés 2579 Date d'inscription dimanche 9 septembre 2007 Statut Membre Dernière intervention 7 mai 2016 404
18 juin 2009 à 18:13
tu peux mettre résolut cat finalement j'ai regardé webkit et opéra ne lisent pas border radius
0