Correction de la taille de la boîte de connexion dans le thème Drupal

Question

J'ai déjà posé cette question here, et j'ai pensé qu'elle était corrigée, mais elle est seulement corrigée dans firefox. Dans Safari, la boîte de connexion est maintenant très large, dépassant le contenu de la page. Here is what it looks like in Safari et here is what it looks like in Firefox. Je l'ai d'abord corrigé en créant un module drupal qui a changé la taille d'entrée de "15" à 43. J'ai mis mon widelogin.module code up on paste bin here, où une personne aimable m'a aidé à où je suis maintenant. 43 a été choisi en ajustant le nombre avec firebug jusqu'à ce qu'il semble bon, cependant, dans safari il n'y a pas de firebug, donc je ne sais pas ce qui se passe pour le rendre si large. (c'est aussi foiré sur l'iphone, sans doute parce que c'est un safari)

Merci d'avance pour votre aide! Oh, et le site sur lequel tout cela se passe est innovatefortomorrow.org si vous voulez le regarder pour une raison quelconque.

Answer 1

Quelques règles CSS peuvent résoudre le problème:

/* 
Make the login boxes stretch to the full container 
*/ 
#edit-name { 
width: 100%; 
} 
#edit-pass { 
width: 100%; 
} 

/* 
Add a little padding so the boxes don't stretch too far. 
*/ 
#block-user-0 { 
padding-right: 5px; 
}