1

Salut !

Je bricole mon blog dans mon coin, et ma dernière lubie tourne autour d'une barre latérale semi-fixe. Je tourne sous Drupal 7, j'ai installé Floating Block (qui permet de faire flotter des blocs - on n'aurait pas cru - en filant des indications à base de jquery au module en question), et je voudrais quelque chose comme le bloc "floating block" de cette page, mais appliqué à toute ma barre latérale. Tout se passe bien, ou presque, sauf que ça coince dès que le header apparait dans l'écran. Là, c'est carrément la fête du slip avec le menu qui se casse à droite toute sans me demander mon avis. On m'a fait signe de régler ça avec position:fixed ou position:static, mais ça ne change rien (limite, parfois, ça empire), bref, je suis déception.

Comment faire pour que mon menu descende et reste fixe mais qu'il se réajuste correctement et se remette à sa position initiale quand il le faut ? Est-ce juste un pépin de CSS ou la coquille est-elle plus profonde encore ?

Merci d'avance smile
J'ai les bonbons qui collent au papier.

Adoptez le http://www.sodomyth.com/ Way of Life

2

C’est du Javascript, comme on peut le constater en le désactivant. C’est tout ce que je peux te dire, je ne suis pas du tout un expert de ce langage.

3

essaye de mettre la taille de ton header en dur, la c'est automatique suivant le contenu et sa taille va changer une fois l'image chargée

$(block).offset(); blockInfo.original_css_position = $(block).css("position");alors que le plugin lui va lire dès le lancement du js la position du bloc dans ta page blockInfo.original_position = bref il lit originellement une position ou l'image n'est pas la, donc position bien plus haute que la "définitive"

edit : c'est pour ca que d'autre code similaires vont mettre le bloc au plus haut niveau possible pour éviter toute interférence
et la le mec il le pécho par le bras et il lui dit '

4

Merci smile

J'ai rajouté

#header {
width: 962;
height: 320;
}

mais ça n'a rien donné sad En revanche, juste pour rire, j'ai juste changé la position en "static", encore une fois (je l'avais déjà fait avant). Ce qui est fou, c'est que j'ai EXACTEMENT le résultat que je veux... mais pas au bon en droit. La barre de menu se comporte comme je veux, mais pas dans sa case. bang
J'ai les bonbons qui collent au papier.

Adoptez le http://www.sodomyth.com/ Way of Life

5

laisse le en "relative" la position doit être "fixed" seulement quant le scroll est suffisamment bas

par contre en fixed la position va influer sur le bloc parent en relatif ou absolue le plus proche
si ce n'est pas un des wrapper globaux ou carrément le body ça va partir en sucette et dans ce cas il faudra certainement déplacer ton bloc ^^
et la le mec il le pécho par le bras et il lui dit '

6

height: 320; ne fonctionnera pas met height: 320px;

aussi ton bloc est en float ca doit pas aider ^^




au lieu de faire l'effet sur le wrap de ton bloc qui lui est float:left essais de le faire sur le premier div enfant : <div class="region region-sidebar-first">
et la le mec il le pécho par le bras et il lui dit '

7

Oui oui, pardon, j'avais bien mis "px" smile Qu'est-ce qui n'aide pas avec Float ?
J'ai les bonbons qui collent au papier.

Adoptez le http://www.sodomyth.com/ Way of Life

8

float positionne automatiquement les élément suivant les autres blocs adjacents, la je pense qu'il faudrait vraiment isoler ton bloc des autres
et la le mec il le pécho par le bras et il lui dit '

9

Tu parles bien du header, de la sidebar ou des deux ?
J'ai les bonbons qui collent au papier.

Adoptez le http://www.sodomyth.com/ Way of Life

10

je parle de float en général après la c'est une vrai jungle je ne sait pas comment est ta structure de base

peut tu poster le style original de ta sidebar ?
j'ai sauvé le code actuel, en local, en calant le div enfant en absolute à 0.0 et width 260 il se repositionne bien mais c'est de la bidouille sévère ...

aussi dans quel fichier à tu mis ton jquery d'init (dom ready) ?
et la le mec il le pécho par le bras et il lui dit '

11

Et nous voilà donc au moment où ma carrure de gros noob est dévoilée au grand jour.

J'ai pas le style original sous les yeux (je suis au taf, maintenant) mais, juste pour savoir, comment as-tu calé le div enfant en absolute ? Je veux dire, quel div, exactement ? (enfant - parent: nouveau langage pour moi, mille excuses !) Idem, quand tu parles du jquery, à quoi fais-tu allusion ? Je suis vraiment une sous-merde, en fait, j'ai installé un module "Floating Block" qui permet de faire appel aux différents ID de la page et de les faire... flotter. J'ai pas checké dans quel fichier il était parti, mais ça doit pouvoir se trouver. Dans le doute, je suis bien intéressé par la bidouille, même si c'est de la rustine...

J'ai les bonbons qui collent au papier.

Adoptez le http://www.sodomyth.com/ Way of Life

12

première fois que je teste drupal, c'est vraiment particulier Oo

de ton plugin voila le sélecteur css à utiliser#sidebar-first > divbon, dans la config

n sur) :#sidebar-first { min-height:100px; } #sidebar-first > div { width:220px; }ensuite rajoute ces règles css (adapté à la largeur de ton bandeau à toi bie

en fait ca ne touche pas le bandeau mais son contenu, par contre vu que le contenu va sortir du flux ca met une taille minimale au bandeau histoire que celui ci ne soit pas vide et que le contenu du site ne vienne s'afficher à sa place

après le width:220px; défini la largeur du contenu du bandeau, car une fois sortie du flux il ne s'adaptera plus à son contener et sera plus petit

bon après j'ai testé avec le theme de base, il n'y à pas de bg particulier sur le bandeau et ses enfants, si toi tu en à mis tu devras surement les retirer ^^
et la le mec il le pécho par le bras et il lui dit '

13

après ce n'est pas car tu ne connais pas certains langages que tu est un noob, chacun ses trucs et puis tu as testé toi même, c'est le principal

quoi qu'il en soit, l’intérêt d'un site c'est son contenu et ça tu le fait bien :- )
et la le mec il le pécho par le bras et il lui dit '

14

r043v, en plus d'être un vil flatteur, veux-tu m'épouser ?
J'ai les bonbons qui collent au papier.

Adoptez le http://www.sodomyth.com/ Way of Life

15

cheeky
et la le mec il le pécho par le bras et il lui dit '