css, je crois Menu qui se barre \o/ - Page 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

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.

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

Merci

J'ai rajouté

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

mais ça n'a rien donné 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.

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 ^^

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">

Oui oui, pardon, j'avais bien mis "px" Qu'est-ce qui n'aide pas avec Float ?

float positionne automatiquement les élément suivant les autres blocs adjacents, la je pense qu'il faudrait vraiment isoler ton bloc des autres

Tu parles bien du header, de la sidebar ou des deux ?

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 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...

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 ^^

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 :- )

r043v, en plus d'être un vil flatteur, veux-tu m'épouser ?