Discussion :

[Daddy91]

Bonjour,

J’ai lu (sur des bouquins et le net), beaucoup de tutos sur le CSS.

Malgré ceci, il me reste plusieurs (sinon ça serait trop facile ^^) zones d’ombres.

1 – Différence d’écriture et de rendu entre FireFox et IE (version 7 sur mon PC) :

Lorsque j’augmente (ou réduis) le zoom de ma page (avec Ctrl et la molette de la souris), sur IE tout augmente, même les images, or sous FF seul le texte grandit.
J’aurais tendance à préférer la solution FF, mais je voulais savoir quel était le meilleur rendu pour l’utilisateur. Et donc de savoir comment uniformiser la chose à la fois sous IE et sous FF…

En outre, dans le pied de page (« Nous contacter »…), sous FF tout est bien centré nickel chrome… Sous IE, c’est décalé vers le bas, et sur deux lignes pour « Informations Réglementées (AMF) »… Ce qui introduit la remarque suivante, sous IE l’écriture est bien plus grosse… Comment puis-je faire pour avoir le même rendu que sous FF.

2 – Problème concernant les ascenseurs…

Pour voir le problème il faut que vous cliquiez sur « Nous contacter ». Une fois le clique effectué, vous constaterez que l’ascenseur (comme le texte) est fortement décalé vers la droite, et n’est pas du tout aligné. Serait-ce à cause de mon padding-left de 30px ?

Aussi, lorsque nous faisons défiler la page, sous IE le texte passe en dessous du pied de page, alors que sous FF, ça passe au dessus. Et de surcroît, en dessous du pied de page, nous voyons défiler sur quelques pixels de hauteur le contenu.

Personnellement, je souhaiterais que ça passe en dessous comme sur IE, mais que rien ne transpire en dessous du pied de page.
Je suis donc prêt (s’il le faut), à passer dans un design extensible (uniquement sur la hauteur par contre ^^), auquel cas, j’ajouterais une bordure à droite de mon bloc d’actualités.



Je sais que ça fait beaucoup, mais croyez-moi bien, qu’avant de venir poster, j’ai cherché et malheureusement pas trouvé.

Je vous remercie d’ores et déjà.

Voici mon le lien de mon site

PS : Si quelqu’un pouvait me passer le numéro de Bill Gates, j’aurais quelque chose à dire à propos de son navigateur maison…

[Tober]

Je ne pense pas que tu puisses faire quelque chose à propos des zooms, car c'est une fonctionnalité du navigateur, et donc, chacun le gère comme il veut !

[Daddy91]

Je ne pense pas que tu puisses faire quelque chose à propos des zooms, car c'est une fonctionnalité du navigateur, et donc, chacun le gère comme il veut !

Arf... Faut tout de même avouer qu'avec IE c'est pas terrible...
Bon ben tant pis pour ça... Au moins maintenant je sais que je ne peux rien y faire...

[Daddy91]

A force de persévérance, j’ai réussi à résoudre le problème de débordement de la page sur la droite…

La solution : ma div était calqué sur du 740px, mais j’avais deux padding (une gauche et une à droite), de 30px chacune… Ce qui avait pour conséquence de me faire une div à 800px d’où ce débordement.

Donc j’ai mis ma div sur 680px (réduction de 60px).

Heuresement que j’ai le plugin WebDevelopper pour FF.

[trotters213]

Pour essayer d'avoir un rendu identique sur plusieurs navigateurs, il est préférable de faire du code XHTML et CSS valide et de déclarer un DOCTYPE afin d'indiquer au navigateur comment il doit interpréter le code HTML.

[clb56]

Arf... Faut tout de même avouer qu'avec IE c'est pas terrible...

LOL

Sur ce point c'est plutôt les autres navigateurs qui sont défaillants

Firefox ne permet que l'agrandissement du texte et non le zoom

Opera impose un zoom des images en même que l'agrandissement du texte

Et IE7 permet les deux... Au choix.

Pour l'agrandissement du texte sans zoom c'est :
onglet "affichage" > Taille du texte

[Candygirl]

Sur ce point c'est plutôt les autres navigateurs qui sont défaillants

Actuellement vu les nombreux bugs (éléments inline côtes à côtes, position relative,...) et la façon mal pensée dont le zoom de la page entière est appliqué sur IE7 (scrolling horizontal nécessaire dès le premier zoom pour un site fluide d'une largeur de 100%), il constitue pour moi plus un handicape qu'un avantage.

Par contre celui d'Opéra est très propre et mieux pensé