The forum

Bonjour.

Me revoilà pour un nouveau souci.

Étant donné que je suis en train de développer une charte graphique pour une commande de webdesign pour site pro, je suis en train de faire des tests sur différents navigateurs pour corriger certains soucis de décalage, en particulier au niveau de l'alignement des champs de formulaire à deux endroit.

C'est fait pour Firefox, Opera (en utilisant le dépôt pour lenny) et Internet Explorer (en utilisant IE7 avec playonlinux), mais il me reste à tester sur les navigateurs basés sur Webkit.

Je sais que Chrome et Safari sont basés sur ce moteur de rendu et je viens donc de les installer avec PlayOnLinux, mais j'ai un souci avec les deux.

Safari : Il ne se lance pas, que ce soit depuis POL ou depuis le menu d'Ubuntu

Chrome : Message d'erreur de code (page bleu marin avec le bonhomme triste) en ouvrant la page à tester, et fenêtre de message d'erreur (avec comme option "fermer les onglets" ou "attendre") en ouvrant une autre page.

N'ayant pas vu de sujets de test de ces deux applis, je poste ici pour parler de mon souci.

Ma config :
- Intel Pentium 4, 2.8GHz
- 1Go de RAM
- Ubuntu 9.04
- Je ne sais pas à quelle version Wine est rendu, j'aimerais connaître le truc pour connaître la version.

Sinon, j'ai aussi pensé aux navigateurs webkit linuxiens, mais je ne sais pas pour le rendu par rapport à Safari et Chrome.

Voici les pages de test en question que je veux tester.
Taille normale : http://ishimaru-design.servhome.org/tests/webopresto/index.html
Gros caractères : http://ishimaru-design.servhome.org/tests/webopresto/inscription.html
(note : j'utilise tout simplement deux feuilles de style, j'ai proposé au demandeur que vu les contraintes liées au design à largeur fixe, qu'il fasse un genre de sélecteur de style géré par cookie et qui reste fonctionnel même sans JS)

Les endroits les plus problématiques sont le formulaire de connexion et le formulaire de recherche, où j'ai eu à d'abord tester à partir d'Opera (qui est le moins problématique pour aligner les champs et boutons), puis utiliser des hacks pour Firefox et IE. Et il me reste à faire les corrections pour Webkit.

Merci d'avance.

Ishimaru

Tiens si tu veux. Je sais pas trop d'où peut venir le problème de Safari sous POL. En attendant quelques captures :

http://www.qparis.fr/private/image1.png
http://www.qparis.fr/private/image2.png

Tiens si tu veux. Je sais pas trop d'où peut venir le problème de Safari sous POL. En attendant quelques captures :

http://www.qparis.fr/private/image1.png
http://www.qparis.fr/private/image2.png

À ce que je vois, les champs et boutons sont bien alignés en gros caractères, mais pas alignés avec les caractères normaux.

Même après un reboot, ça ne veut pas se lancer.

EDIT : En me basant sur ton screen, je viens de faire quelques corrections dans la feuille des polices normales. Pourrais-tu me dire si l'alignement est maintenant correct ?
http://ishimaru-design.servhome.org/tests/webopresto/index.html

Merci d'avance.

Edited by Ishimaru Chiaki

La les boutons ne sont pas alignés avec les zones de texte.

Mais je me demande comment tu t'y prends, normalement tu devrais pas avoir besoin de hack pour ce genre de design

D'habitude je ne hackais que pour IE, mais là, je dois me battre avec le positionnement relatif et tout ça. Je ne sais pas comment phpBB3 a réussi ça, mais moi je n'y arrive pas. C'est la toute première fois que je dois prendre en compte Opera et Webkit et ça se corse ! Et même, j'ai dû partir d'Opera au lieu de Firefox !

EDIT : J'ai fini par aller poster sur alsacreations, l'anxiété commence à me guetter.

Edited by Ishimaru Chiaki

Plutôt que d'utiliser Chrome, essaye avec Chromium sur Linux ;).

Pour Safari, je ne peux pas faire grand chose pour toi, désolé.