Position absolute selon un calque

Question

Bonjour à tous,

j'ai un petit problème pour lequel je ne trouve aucune réponse.

J'ai deux calques imbriqués l'un dans l'autre et celui qui est imbriqué
est en position absolute avec une position définie en pixel mais le
problème c'est que mon browser prend cette position selon la fenêtre et
pas selon le calque. Y a-t'il une commande CSS qui permette à mon
calque de prendre comme référence pour son positionnement le calque
dans lequel il se trouve?

Exemple: au lieu d'être à 30 px de la hauteur de la fenêtre: être à 30px de la hauteur du calque.

Merci beaucoup

cs_bultez · Answer

Bonjour,

    euh....    à lire chez SelfHTML

<hr />                Cordialement             Bul         [mon Site]     [M'écrire]

XtremDuke · Answer

Regarde du côté de la position 'relative'

cs_skit · Answer

Génial merci :)
Néanmoins j'ai un second problème suite à ça.
(Au fait, je génère mes pages avec tinyMCE et ce sont les calques qui me posent problème en fait)
Quand je mets le calque plus bas que le taxe: le 
 qui contient le texte affiché est plus petit que le calque alors le calque se place n'importe où.
Une idée pour m'aider à corriger ça? Merci

cs_bultez · Answer

je ne sais pas qui est génial, pas moi puisque je n'ai donné qu'un lien,
    ce doit être XtremDuke    qui effectivement....

>>mets le calque plus bas que le taxe: le 
 qui contient le
texte affiché est plus petit 
>>que le calque alors le calque se place
n'importe où.
    ah ben non... çà ne se place jamais n'importe où....
    on est parfois surpris, mais en regardant de près, tout s'explique toujours    

>>Une idée pour m'aider à corriger ça?
    je parlais de regarder de près juste au dessus...
    sans voir ce que tu fais ( un EXTRAIT ! tout ce qu'il faut mais pas plus !!! )...

<hr />                Cordialement             Bul         [mon Site]     [M'écrire]

cs_skit · Answer

En fait, si tu veux, je mets un texte dans avec tinyMCE puis je rajoute un calque sous le texte: le calque sera donc en position absolute.
Je vais afficher l'ensemble dans un div en position relative;
Le problème étant que le div va se limiter à la taille du texte et le div en position absolute va flotter en dessous.

cs_skit · Answer

Un petit up: personne ne sait comment faire en sorte que le div s'allonge avec mon second div en postion absolute plus bas?

cs_bultez · Answer

moi... pas trop compris...                alors je récapépète ?
       sans voir ce que tu fais ( un EXTRAIT ! tout ce qu'il faut mais pas plus !!! )...
        et donc ce que tu voudrais...
<hr />                Cordialement             Bul         [mon Site]     [M'écrire]

cs_skit · Answer

http://www.liberte-cherie.be/site/organisation.php

Regarde le "nouveau calque".
Mon div id="contenu" ne s'allonge pas pour le suivre.

cs_bultez · Answer

je fais l'effort d'aller voir !
page d'accueil tout semble baigner... c'est où donc que ça va pas ? 
c'est quoi "nouveau calque" ?
y'a des manips à faire ?
et il va falloir que retrouve les css, les .js...  ???
   je disais : un EXTRAIT ! tout ce qu'il faut mais pas plus !!!<hr />                Cordialement             Bul         [mon Site]     [M'écrire]

cs_skit · Answer

Le JS ne pose aucun problème. Le problème c'est le div en absolute. Si tu regardes bien, il y a "Nouveau calque..." qui traine tout en bas. C'est ça le problème: mon calque de contenu principal ne se déroule pas jusqu'à ce div qui est pourtant contenu dedans. #contenu { width: 500px; background-color: #E3E5FF; border: 2px solid #D26C25; padding: 15px; margin: auto; margin-top: 5px; font-family: arial; font-size: 9pt; position: relative; } et

Nouveau calque...

cs_bultez · Answer

#contenu dans le css... ok.        et ça correspond à quoi dans le html ?    là... voit pas.
<hr />                Cordialement             Bul         [mon Site]     [M'écrire]

cs_skit · Answer

ça correspond simplement à Blablabla

Nouveau calque...

XtremDuke · Answer

Salut,

Tu auras du mal à positionner ton contenu par rapport à ton "nouveau calque". Celui-ci ,étant en position 'absolute', sort en quelque sorte du DOM.

J'ai pas bien saisie ce que tu cherches à faire mais apparement, tu veux que ton contenu ait une hauteur minimale (jusque ton "nouveau calque"). Affecte donc une hauteur minimale à ton contenu via la CSS 'min-height'. Et pour le faire de manière cross-browser, regarde à l'adresse suivante :

http://www.riatoolbox.com/2007/10/25/emuler-la-propriete-min-height-sous-ie/

En espérant que je ne sois pas hors sujet...

cs_skit · Answer

Non pas du tout.

Mon div contenu s'allonge d'une longueur X dépendant du texte.
Si je rajoute un calque en position absolute il devra s'allonger de X+C (C étant la longueur du calque)
Le problème étant qu'il garde l'allongement X et donc le div en absolute se retrouve plus bas que le div de longueur X au lieu d'être inclus dedans.

XtremDuke · Answer

En fait je crois que je n'ai rien compris à ce que tu voulais faire.
J'ai regarder ta page, et ton calque absolue est à l'interieur du calque de contenu. Si tu veux qu'il soit à la suite, pourquoi utiliser une position absolue ?

cs_skit · Answer

Si tu viens de regarder la page maintenant: je l'ai supprimé.

Le calque était dedans dans le code mais dans l'affichage il était en dessous (du moins sous firefox 2)

XtremDuke · Answer

Re,

Effectivement il était en dessous et pour cause, je crois avoir vu une propriété CSS Top à plus de 300 pixels.

cs_skit · Answer

Exact.
Le but étant d'éloigner le calque le plus possible du haut du div de contenu pour s'assurer que le div s'allonge bien pour l'y inclure.
Le problème étant que ce n'est pas le cas.

XtremDuke · Answer

Re,

Comme je te l'ai signalé plus haut, ton div étant en position 'absolute', ton contenu ne pourra pas s'aligner tant que son conteneur n'a pas une position relative.

Regarde cet exemple. Ici, j'ai un 'contenu' qui a une hauteur minimale de 300px et un 'nouveau calque' plaqué en bas.

    Calque de contenu

    Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla 
    Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla 
    Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla 
    Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla Blabla blabla 
    
    
Nouveau calque

Position absolute selon un calque

19 réponses

Votre réponse

Discussions similaires