Windows 7 rend les pages Web autrement que XP ou Vista

Depuis que nous sommes passés à Windows 7, nous avons remarqué que plusieurs de nos pages Web présentaient de légères différences. Il apparaît principalement lorsque vous regardez des éléments de formulaire (entrées de texte & boutons d'envoi). Ils sont légèrement plus grands/plus petits de quelques pixels. Cela semble être indépendant du navigateur - nous obtenons les mêmes problèmes de rendu en utilisant IE8, FF3.5 et Chrome dans Windows 7. Lorsque vous passez au même navigateur dans un environnement Windows Vista, le problème disparaît.Windows 7 rend les pages Web autrement que XP ou Vista

Que se passe-t-il? Pourquoi un système d'exploitation affecte-t-il les éléments HTML/CSS? Ai-je manqué quelque chose de très évident ici ou est-ce que quelque chose d'étrange se passe?

Voici un exemple précis:

HTML:

<input id="input-search" type="text" name="thesearch" value="" /> 
<button id="btn-search" type="submit" name="search">Search</button>

CSS:

#input-search { 
    float:left; 
    font-size:18px; 
    color:#5b5b5b; 
    margin:2px 4px 0 0; 
    width:200px; 
} 
#btn-search { 
     background:url(/images/btn_search.png) no-repeat top left transparent; 
     padding:5px 0px 6px 20px; 
}

Source

2009-11-19 Alex

Je me demande si le profil du moniteur est incorrect. Ce problème est-il cohérent dans un certain nombre de systèmes Win 7 différents? – Lazarus

Pouvez-vous poster des captures d'écran de ce que vous voyez? – LiamB

Les boutons par défaut sont affectés par les thèmes Windows. Vous remarquerez que vos boutons changent si vous basculez entre Windows "classique" et le thème "Silver" même dans Windows XP, par exemple. Vous pouvez contourner cela en utilisant CSS pour styler les boutons.

Source

2009-11-19 16:23:28

est-ce aussi simple que de changer la largeur? ou devez-vous vous impliquer avec les frontières et le rembourrage? – Alex

Dans mon expérience, la définition de la largeur/hauteur avec une image d'arrière-plan pour un bouton a fourni des résultats cohérents à travers les navigateurs et les systèmes d'exploitation. Sans quelques tests, cependant, je ne peux pas dire si les problèmes de modèle de boîte de certains navigateurs affectent les styles de bouton par défaut.Franchement, je suis un peu surpris que vous voyiez une différence lorsque vous avez l'image de fond définie dans l'exemple de l'édition. –

Il ne devrait pas, Courez-vous un en mode de compatibilité?

Source

2009-11-19 16:21:30 LiamB

Exactement ce que je pensais mais, non - fonctionnant à la fois Windows 7 et les navigateurs dans leurs modes par défaut. – Alex

Je pense qu'il devrait. Les navigateurs utilisent les contrôles du système d'exploitation pour les boutons par défaut. – Nosredna

Nosredna: Non, les navigateurs rendent tous les contrôles eux-mêmes (à l'exception des anciennes versions IE et '

Windows 7 rend les pages Web autrement que XP ou Vista

Répondre