Fixer un div à un autre [Résolu]

[bond70]

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]

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]

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

Merci !

[bond70]

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

Voici un exemple...

[Candygirl]

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

[bond70]

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]

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 :

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.

[bond70]

C'est nikel Candygirl !

J'ai juste remplacé le "margin-left:-555px;" par un "margin-right:500px;" car cela ne marchait pas.

MERCI A TOI !!!

[Candygirl]

ah oui, sorry, en faite c'est parce que je voulais mettre left:50% je ne sais pas pourquoi j'ai écrit right (je corrige dans mon post initial)