IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Position absolute selon un calque


Sujet :

Positionnement en CSS

  1. #1
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    37
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juin 2003
    Messages : 37
    Points : 27
    Points
    27
    Par défaut Position absolute selon un calque
    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

  2. #2
    Membre émérite
    Avatar de Candygirl
    Femme Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 912
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 52
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 912
    Points : 2 907
    Points
    2 907
    Par défaut
    hello,

    rajoute un position:relative; à ton élément parent que tu veux voir servir comme référence pour le positionnement.

  3. #3
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    37
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juin 2003
    Messages : 37
    Points : 27
    Points
    27
    Par défaut
    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 <div> 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

  4. #4
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    37
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juin 2003
    Messages : 37
    Points : 27
    Points
    27
    Par défaut
    Un petit up: personne ne sait comment faire en sorte que le div s'allonge avec mon second div en postion absolute plus bas?

  5. #5
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    37
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juin 2003
    Messages : 37
    Points : 27
    Points
    27
    Par défaut
    http://www.liberte-cherie.be/site

    J'ai supprimé le calque mais si tu veux ça donnait

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    #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

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <div style="position: absolute; left: 4px; top: 343px; width: 100px; height: 100px;">Nouveau calque...</div>


    et donc le calque en absolute se déplaçait sous le <div id='contenu'>

  6. #6
    Membre émérite
    Avatar de Candygirl
    Femme Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 912
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 52
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 912
    Points : 2 907
    Points
    2 907
    Par défaut
    ouh là, j'ai rêvé ou j'avais cru que tu parlais d'un td à un moment donné ? Excuse-moi j'ai du confondre 2 postes d'où ma réponse précédente complètement à côté de la plaque

    AUtrement je n'ai malheureusement pas compris grand chose à ton problème actuel

    Edit: effectivement, mea culpa, j'ai confondu 2 sujets

Discussions similaires

  1. Position de la souris incompatible avec *{position:absolute} ?
    Par benjiiim dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 22/09/2006, 18h05
  2. [CSS] Position absolute et relative
    Par GyZmoO dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 04/07/2006, 19h04
  3. [CSS] défi avec position absolute et relative
    Par pmartin8 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 30/11/2005, 19h15
  4. [HTML/CSS] position absolute et centrage
    Par LE NEINDRE dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 23/08/2005, 12h11

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo