Comment aligner l'image et le nom du profil utilisateur + autres informations

Question

J'ai été en mesure de créer une section pour l'image de profil et le nom et l'emplacement et d'autres informations à la droite de l'image. Cependant, pour ajuster l'image avec l'info, j'ai dû passer par des étapes supplémentaires pour la rendre acceptable, mais le codage n'est pas précis, car cela pourrait créer des problèmes de navigateur.

Que CSS puis-je utiliser pour créer une photo de profil d'utilisateur et le nom ainsi que d'autres informations dans une stackoverflow façon-t-il, pour par exemple: https://stackoverflow.com/users/441049/aaa

La partie supérieure de ce que je cherche. Je suis encore en train d'apprendre. Merci.

Voici le code:

#manpic { 
    margin-left:30px; 
    margin-top:20px; 
    background-color: #FFFFFF; 
    padding: 5px; 
    display:block; 
} 

#manname { 
    color: #D7D7D7; 
    margin-left: 150px; 
    margin-top:-60px; 
    font-family: "Lucida Grande", Verdana; 
    font-weight:bold; 
    font-size: 20px; 
} 

Answer 1

je ne vois pas de problème avec votre code, sauf le rembourrage peut être un problème, le tester.

J'utiliser IETester pour vérifier la page dans IE7 et IE8 http://www.my-debugbar.com/wiki/IETester/HomePage

test dans Firefox, Safari et Chrome. Si vous ne voyez rien dans ces navigateurs, je ne m'inquiéterais pas vraiment du code.

Si vous utilisez des flottants, assurez-vous que vous avez effacé. Avec IE, j'ai trouvé que le rembourrage est nul et vous devriez toujours utiliser MARGIN pour ajuster l'espacement dans la plupart des cas entre divs.

Espérons que cette aide!

Chris