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 :

Problème positionnement relatif


Sujet :

Positionnement en CSS

  1. #1
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    31
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Novembre 2006
    Messages : 31
    Points : 27
    Points
    27
    Par défaut Problème positionnement relatif
    Bonjour à tous!

    Voilà j'ai un petit problème de positionnement.

    En fait je réalise une application de gestion de réservation de salle avec un calendrier style Outlook 20003 qui permet la visualisation des réservations pour le jour courant.

    Je fais donc mes petits calculs afin de déterminer, suivant les heures de réservation, la place du div affichant la réunion.

    Petit screenshot

    mes div successifs contiennent le code suivant :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    .rdv{	
     
    	position: relative;
    	left: 5px;
    	width: 485px;
    	background: url(img/clock.gif) no-repeat 3px 3px;
    	border: 1px solid white;
    }
    Et je génère dynamiquement dans la balise div (div style='') les propriétés background-color: couleur; height: hauteur; top: position

    Ce qui me permet d'avoir une zolieeeeee couleur et une taille en correspondance avec le tps que dure la réunion.

    Le problème est que ma propriété top varie donc et qu'apparemment elle se réinitialise par rapport au div précédent.

    En gros mon premier top vaut 0
    Mon deuxième vaut 60 mais il décale de 60 par rapport au div précédent et j'aimerais qu'il le fasse à partir de 0!

    Est-ce normal ?

    J'ai déjà une solution (soustraire du top, la hauteur du div précédent ) mais je voulais juste savoir si c'était normal car je croyais que les éléments suivants n'étaient pas affectés par le positionnement relatif...

    Ou alors cela sous-entend les éléments suivants non positionné en relatif..

    Merci pour vos éclaircissements !

  2. #2
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Points : 3 264
    Points
    3 264
    Par défaut
    salut,

    Le positionnement relatif permet de positionner un element par rapport à la position qu'il aurait occupé dans le flux normal

    Le positionnement absolue permet de positionner un element par rapport au premier de ses ancêtres positionné.

    Un élément est positionné si la propriété position a une des valeurs suivante: relative, absolute, fixed.

    S'il n'y a aucun element positionné, c'est la fenêtre du navigateur qui sert de référence...

    Tout ceci étant dit, ce que tu décris me parait normal...
    Et de ce que j'ai compris de ton problème, il faudrait que les blocs de tes "rendez-vous" soit positionnés en absolute.
    Le conteneur doit alors etre positionné en relative (tu ne t'occupes pas de son placement) pour servir d'origine.

  3. #3
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    31
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Novembre 2006
    Messages : 31
    Points : 27
    Points
    27
    Par défaut
    Merci master pour la précision, le tout est résolu...


+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. problème positionnement en fonction de la résolution
    Par zodd dans le forum Mise en page CSS
    Réponses: 15
    Dernier message: 10/10/2006, 09h12
  2. [CSS] Mélange positionnement relatif et absolu
    Par sinok dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 01/06/2006, 17h20
  3. Problème positionnement absolu
    Par finalfx dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 20/04/2006, 15h47
  4. problème positionnement CSS
    Par Mike35 dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 24/02/2006, 10h38

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