Erreur d'affiche CSS3 (animation-) avec un Netbook [résolu]

Salut à tous,

J'ai un petit problème embêtant: avec un portable normal, mon site n'a pas de problème d'affiche, mais quand je teste le site avec un netbook (et un même navigateur): il y a un problème d'affichage comme vous pouvez voir ci dessous:
http://img259.imageshack.us/img259/5168/titel1.jpg

http://img683.imageshack.us/img683/374/titel2k.jpg

Comment y remédier? Pourquoi cet erreur d'affichage (testé avec 2 netbooks, et 2 navigateurs différents)?

Le site en question est le suivant:
http://www.benskesblog.com/projects/frontend/project/index.htm
(compatible seulement avec les navigateurs récents).

merci de l'aide

EDIT: je vois que le problème vient de "-webkit-animation: fadeIn .6s linear 0.4s 1 forwards, doubleScaleUp .6s ease 0.4s 1 forwards;", quand j'enlève ça plus de soucis dans un netbook (mais ce code marche avec portable normal). Quelqu'un a une solution?
Merci
Modifié par benske (28 Jan 2012 - 16:36)

Je vois que le problème vient de

"-webkit-animation: fadeIn .6s linear 0.4s 1 forwards, doubleScaleUp .6s ease 0.4s 1 forwards;" 

quand j'enlève ça plus de soucis avec un netbook (mais ce code marche avec portable normal). Quelqu'un a une solution?
Modifié par benske (26 Nov 2011 - 16:26)

Juste une question, à chaque fois ton navigateur est bien chrome ou safari?

Bonjour,

Excusez-moi de vous répondre seulement maintenant, mais je n'avais plus de netbook à ma disposition.

Je viens de tester avec Chrome et Firefox. Avec Firefox, aucun problème, mais Chrome foire (voir les images). Pourtant, dans Chrome (même version...) sur un portable normal, aucun soucis.

Je ne comprends pas vraiment. Y-a-t-il des version spécifiques pour Netbook?

merci

Aucun problème.
J'ai fait un tour sur le site, il me semble qu'il y a des media queries en place, pour un notebook je conseillerais cette media querie en particulier:

@media only screen 
and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

Dis-moi si cela résout ton souci.
Modifié par jmlapam (03 Dec 2011 - 21:50)

Apparemment j'avais oublié de répondre à ton message. Décidément.

Ta proposition a donc résolu mon problème, merci! Les notebooks ont du mal avec les transitions CSS3, je présume.