positionnement CSS - ressemble à droite, mais effectue drôle

Question

Le site est situé: http://www.imvu-e.com/products/sro/

le fichier css ici: http://www.imvu-e.com/files/style.css

J'aime où est situé le div de téléchargement et le logo div, mais pour certains raison pour laquelle le texte sur la page Web suit une boîte étrange que firebug n'inspectera pas correctement (comme télécharger div est quelque part son pas). Je suis assez sûr que c'est lié à mon css mal codé où le contenu div n'a pas de flotteur, le logo a float: à droite et puis télécharger div a clair: droite florat: à droite et ensuite j'utilise top: positionner en ligne avec le logo . Le logo et la barre de téléchargement sont également "positionnés" avec des marges ... lol. Je déteste css.

Answer 1

Cela devrait vous obtenir dans le direction générale de ce que vous voulez:

1) Déplacez votre h1 dans votre source à avant votre flotta « téléchargement » et « logo ».

2) Retirez le clear: right et top: -70px sur "télécharger" et changer margin-right à environ 30px

3) Set margin-top: -30px (environ) pour "logo"

Answer 2

Votre problème concerne le 'clear: right; position: relative; en haut: -xxx; ' de l'image "Télécharger" .... comme vous déplacez cette image à la main, l'espace que vous voyez après la ligne "Silent Room Observer", est l'endroit où l'image "Download" irait si vous supprimez le ' relatif';

solution

Scotts devrait travailler ... Rappelez-vous que lorsque votre classe css arriver à complexe et alambiquée ... il est généralement et il y a une meilleure/moyen plus facile de le faire :)

Answer 3

C'est votre pauvre CSS. Vous avez top: -70px; sur #download, qui le déplace jusqu'à la même hauteur que #logo, mais l'habillage du texte ignore cela.