Problème avec position:fixed :/

Bonjour à tous,
Je rencontre actuellement un petit souci que je n'arrive pas à résoudre...
Je veux faire en sorte que mon menu scroll si l'article sur ma page est trop long. J'ai résolu ce problème avec

position:fixed;

sur le menu, mais comme il sort du flux, les autres div ne se placent plus correctement!!

C'est là que vous intervenez mes chers, je demande votre aide s'il vous plait
Je précise que je travaille sur un CMS (Joomla).

Je vous link un exemple du type de problème,
Merci à vous

Khalysto a écrit :

mais comme il sort du flux, les autres div ne se placent plus correctement!!

Exact.

Que souhaites-tu faire exactement ?

Que les autres éléments occupent toute la hauteur de la page ?
Autre chose ?
Modifié par Raphael (30 Apr 2013 - 18:49)

Bonjour Raphaël,
Merci de m'avoir répondu
J'ai résolu mon problème (enfin je crois que c'est une bonne solution^^'), je suis passé par un peu de JQuery :

<script type="text/javascript">
							
var positionElementInPage = $('#jsn-leftsidecontent_inner').offset().top;
$(window).scroll(
	function() {
		if ($(window).scrollTop() >= positionElementInPage) {
			// fixed
			$('#jsn-leftsidecontent_inner').addClass("floatable");
		} else {
			// relative
			$('#jsn-leftsidecontent_inner').removeClass("floatable");
		}
	}
);
							</script>

Avec le CSS qui va bien :

#jsn-leftsidecontent_inner {
	padding: 0 0 65px 0;
        left:0;
}

#jsn-leftsidecontent_inner.floatable {
	position:fixed;
	margin-left:15px;
	left:0;

Du coup, ça marche comme je voulais.
Mais est ce que tu vois un problème quelque part?
Modifié par Khalysto (02 May 2013 - 09:29)

Oups !
Au final, j'ai quand même un souci...
Tout est bon, sauf que quand je scroll, mon menu prend une position fixe et du coup, dès que je veux scroll vers la droite, le menu empiète sur le texte...

Une idée?