Acid3 OK, mais ça tourne pas rond... Résolu/Fermé

Question

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!

math 2000 · Answer

ç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

le hollandais volant · Answer

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; }

dodoecchi · Answer

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

le hollandais volant · Answer

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!

math 2000 · Answer

tu peux mettre résolut cat finalement j'ai regardé webkit et opéra ne lisent pas border radius

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

5 réponses

Discussions similaires