Fixer un div à un autre

**bond70** · 23/09/2011, 08h35

Salut,

j'aimerais fixer la sidebar de gauche à la fenêtre du centre (en blanc). J'ai essayé avec un margin left mais quand on réduit la fenêtre du navigateur la sidebar va au dessus du contenu de la fenêtre centrale...

http://www.leadcreation.com.au/b2b-l...unpaid-events/

Il faudrait que la sidebar se colle (avec un petit espace entre) mais surtout qu'elle reste fixe quand on réduit la fenêtre du navigateur...

Merci !

Voir exemple screen.

**pop_up** · 23/09/2011, 11h26

Tu peux déplacer toute ta <div class="getsocial"> dans ton <div id"container">
Ensuite, tu supprimes la propriété "left : 0" pour .getsocial
Tu modifies ton #container pour agrandir la largeur : width: 1035px;

et enfin, sur #blog-content, tu agrandies ta margin-left

**bond70** · 26/09/2011, 02h17

Je n'ai pas accès à la feuille HTML, est-il possible de faire la modif en touchant uniquement au CSS ?

Merci !

**bond70** · 28/09/2011, 06h29

http://wpchannel.com/creer-espace-re...res-wordpress/

Voici un exemple...

**Candygirl** · 28/09/2011, 07h38

Ton problème est-il donc résolu ?

**bond70** · 28/09/2011, 08h07

Non mon problème n'est pas résolu.
Comme je l'ai dit je n'ai pas accès au html. Il faudrait que je puisse faire la manip en touchant uniquement au css ...

Merci!

**Candygirl** · 28/09/2011, 08h48

Avec un positionnement absolu, en principe, il te suffit de lui donner un
right de 50% assorti à un margin-left négatif de la moitié de la largeur de ton conteneur central + largeur de ton sidebar: 960/2 + 75 = 555

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
.getsocial {
    position: absolute;
    top: 228px;
    left:50%;
    margin-left:-555px;
    width: 75px;
 
}

Evidement, en cas de rétrécissement de la fenêtre, ta barre disparaîtra à gauche comme dans ton exemple, un min-width ou padding sur le Body, par exemple, pourrait le prévenir.