positionnement problème div en page avec CSS

Question

Je vais avoir un problème en essayant de placer un div dans ma page web, voici mon site de test: http://dirtymind.jvsoftware.com/

Le problème est avec la barre latérale gauche (celui avec le entrées de connexion et d'autres choses), c'est actuellement un div dont j'ai utilisé les marges supérieures et gauches négatives pour le positionner là où il est, mais en fonction de la résolution de l'écran, il se déplace vers la gauche ou la droite. Evidemment c'est parce que j'utilise des marges c'est comme ça que css marcherait mais je ne sais pas comment obtenir les mêmes résultats sinon.

Est-ce que quelqu'un sait comment positionner ma barre latérale sur place en ce qui concerne la résolution?

Merci d'avance.

Answer 1

Ouais ce qu'il a dit:

<div id='wrapper' style='width:800px'> 
    <div id='left-sidebar' style='width:200px;float:left'> 
    ...content... 
    </div> 

    <div id='contenedor' style='width:600px;float:left'> 
    ...content... 
    </div> 

</div> 

Answer 2

Eh bien vous avez déjà un emballage en place .... Pourquoi ne pas lui donner une largeur de la zone de contenu principal + la largeur de la barre latérale et l'espacement que vous voulez entre les deux. alors vous pouvez simplement les faire flotter tous les deux vers la gauche. Ou vous pouvez placer le wrappr à la position relative (ne pas assigner une position), puis utiliser la position absolue sur la barre latérale et punh dans les coordonnées à partir de 0 point de l'encapsuleur.