Incompatibilité avec les navigateurs

(reprise du message précédent)

J'ai regardé aussi avec Netscape..... Enfin peut-être qu'avec la version sur PC, le résultat est meilleur

Quelqu'un peut tester pour moi?

Oui, je me doute bien que tu connais. Ahah.

Je n'ai pas réussi à retrouver les URL, mais il existe 2/3 sites qui peuvent prendre des captures d'écran de ton site sous divers navigateurs : de vieux IE, netscape, etc.

(Quelqu'un les connaît peut-être ici...)

Je n'ai pas très bien compris .

Si tu veux de la capture d'écran, je peux le faire à partir de mon mac et t'envoyer le résultat sous Nescape, IE, Firefox.
La majeur partie des internautes travaillent encore sous PC (en attendant qu'Apple commercialise plus de mac avec processeur Intel).

Tu travailles sous Mac, tu veux tester ton site sous un navigateur tournant sous Win, c'est possible grâce à ces sites. Tu leur fournis l'url de ton site et ils prennent une capture d'écran de la page.
Plusieurs navigateurs et plateformes sont possibles sur certains d'entre eux. Le seul bémol : étant un service apprécié, pas mal de monde fait la queue pour tester son site, il y a donc une file d'attente avant que la capture ne soit en ligne.
Modifié par (22 Apr 2006 - 12:58)

Je ne connaissais pas du tout ce principe. Merci pour l'info

Me reste plus qu'à trouver le lien

Salut,
ll y a Browsercam, gratuit 24heures : http://www.browsercam.com/

sinon : http://browsershots.org/ (il faut être patient...)

Bonjour Alan,

Merci pour le lien. Je regarde cela immédiatement .

j'ai trouvé ce lien ultra-fluide, mais je voudrais être bien certaine de comprendre la syntaxe recommandée:

Pour IE PC:

a écrit :
.myclass {width:250px}
*>.myclass {width:200px}

DOnc dans un cas précis:

a écrit :
/*pour IE PC*/
#head1{
width: 81.25%;
}
*>#head1{
/*pour pour firefox mac*/
background-color: #bddef6;
width: 65%;
height: 15.5em;
border-left: 1px solid #1c86d0;
border-right: 1px solid #1c86d0;
border-top: 1px solid #1c86d0;
}

Puisque j'ai cru comprendre que IE PC ou Mac d'ailleurs ajoutaient 25% à la width initiale.

Correct?

EN revanche pour IE mac, je n'ai pas très bien compris la syntaxe:

a écrit :
.myclass {width:200px}
/* IE Mac ne voit pas l'astérisque qui suit l'antislash \*//*/
.myclass {width:250px}
/**/

myclass a une largeur de 200px sauf pour IE MAC qui voit une largeur de 250px.

Euh, c'est pas très clair

Quelqu'un peut m'éclairer

Pour IE PC et opéra 5 PC, est-ce que le code est correct:

#head1{
width: 81.25%; /*pour IE PC*/	
background-color: #bddef6;
height: 15.5em;
border-left: 1px solid #1c86d0;
border-right: 1px solid #1c86d0;
border-top: 1px solid #1c86d0;
voice-family: "\"}\""; /* pour revenir à firefox */
voice-family:inherit;
width: 65%;
}
html>body #head1 { /* bug sur opera 5 */
width: 65%;
}

JE me suis inspirée du lien openweb

J'espère que c'est OK, cette fois, tout du moins pr IE et opéra 5

koss70 a écrit :
@alan
Si je n'ai pas besoin de hack, comment est-ce que je peux rendre mon CSS valide pour l'ensemble des navigateurs, tout du moins, IE pr PC / Netscape / Opera / Firefox

Le lien que tu as donné ne ressemble à rien chez moi, que ce soit avec Firefox ou IE, donc difficile de voir. Voilà avec FF 1.5 :

Pour les hacks, on peut souvent s'en passer et il y a plusieurs bugs qu'on peut corriger directement sans avoir besoin d'indiquer une valeur différente.
Mais pour t'aider, il faudrait que tu mettes en ligne une page qui ait un résultat correct dans au moins un navigateur ou une image du résultat souhaité.
Met déjà la dernière page que tu as faite en ligne, et on pourra voir ce qu'il faudrait corriger.

koss70 a écrit :
validation OK par W3C pour CSS et XHTML 1.1

XHTLM 1.1 en text/html : pas bon. Cf : http://forum.alsacreations.com/faq/#item42
Modifié par Alan (22 Apr 2006 - 21:27)

Hello,

Personne pour me donner un coup de pouce....

Pourtant, il me semble avoir suivi les instructions d'alsa pour création d'une page sans tableau et également l'id #global

J'ai vraiment besoin de trouver une solution. J'apprend, suis de bonne volonté, mais mon client un peu moins

Sans une compatibilité avec les navigateurs les plus courants, je ne peux avancer....

Salut,

Ca ne va pas du tout. Dans un premier temps je te propose de laisser tomber le centrage vertical et horizontal avec les marges négatives. C'est déconseillé, surtout pour de telles dimensions, car ça rend tout une partie de la page complétement inaccessible. Chez moi je ne vois même pas le menu et je ne suis pas en 800*600. Si tu veux centrer horizontalement, utilise de préférence margin auto.
Ensuite pour le gabarit, essaie d'abord les valeurs en PX pour des dimensions fixe, ou % si ça doit être fluide.
Pour les deux images de fond, oublie la balise <img> et préfère la feuille de style. Cf : http://blog.alsacreations.com/2006/04/21/241-balise-img-ou-feuille-de-style
Modifié par Alan (23 Apr 2006 - 19:26)

Bonsoir Alan,

J'étais partie sur une centrage vertical et horizontal suite au lien faire une mise en page sans tableau d'alsa. .

Donc, je repars de zéro .

a écrit :
Pour les deux images de fond, oublie la balise <img> et préfère la feuille de style.

OK, je retire dans les balises dans les div correspondantes dans le code html.

a écrit :
Ensuite pour le gabarit, essaie d'abord les valeurs en PX

Il est recommandé pour les non-voyants de travailler avec em .

A plus tard pour de nouveaux tests

koss70 a écrit :

Il est recommandé pour les non-voyants de travailler avec em

C'est recommandé d'utiliser EM ou % surtout pour la taille du texte, qui IE ne sait pas redimensionner si c'est en PX.
Modifié par Alan (24 Apr 2006 - 00:58)

Bonjour kk8ete,

Merci pour le lien. J'ai vu également qu'on poouvait tester sur IE.

Enfin, le problème réside surtou dans le fait que j'ai voulu faire une page sans tableau en centrant verticalement et horizontalement, mais le résultat es plutôt cata...

Donc faut que je reprenne tout depuis le début.... et je dois rendre au client dans 5 jours le site.....

Je faits une interface flash et une autre CSS, plus particulièrement destinée aux non-voyants.

Enfin.... j'espère y arriver Pour le moment, mon moral n'est pas génial, mais je faits avec