[CSS] Contenir les Absolute dans une div
Résolu
Zayer
-
19 févr. 2010 à 03:26
scriptiz Messages postés 1424 Date d'inscription dimanche 21 décembre 2008 Statut Membre Dernière intervention 14 septembre 2023 - 20 févr. 2010 à 00:40
scriptiz Messages postés 1424 Date d'inscription dimanche 21 décembre 2008 Statut Membre Dernière intervention 14 septembre 2023 - 20 févr. 2010 à 00:40
A voir également:
- [CSS] Contenir les Absolute dans une div
- Div c++ - Télécharger - Langages
- Trait css ✓ - Forum CSS
- Excel sélectionner toutes les lignes contenant un mot ✓ - Forum Excel
- Paramètrez la messagerie électronique ci-dessous pour ranger automatiquement dans le dossier famille les courriers envoyés par tonton@pixmail.org contenant le mot cousin. ✓ - Forum MacOS
- Enlever le soulignement d'un lien css ✓ - Forum Webmastering
3 réponses
scriptiz
Messages postés
1424
Date d'inscription
dimanche 21 décembre 2008
Statut
Membre
Dernière intervention
14 septembre 2023
425
19 févr. 2010 à 11:02
19 févr. 2010 à 11:02
Alors fait attention quand tu utilise l'attribut CSS position.
Quand tu le met en relative ça veut dire que tu va le décaler par rapport à son endroit de base.
Donc si tu met ceci :
Ca va avoir pour effet de décaler l'élément sur lequel tu as appliqué ce code, de 50 pixels vers la droite, et de 50 pixels vers le bas, et ceci à partir de l'emplacement où l'élément aurait dut se trouver sans position relative.
Par contre si tu utilise la position absolute, la position est calculée à partir de la fenêtre du navigateur.
Donc si tu met ceci :
Ca va avoir pour effet de décaler l'élément tout en haut à gauche de la fenêtre, avec un espace de 50pixels entre le haut de ton navigateur et l'élément, et de 50 pixels entre la gauche de ton navigateur et ton élément.
Voici un exemple de ce que tu cherches à faire, évidemment pour toi il vaudra que ce soit le logo qui soit au-dessus si j'ai bien compris, toujours est-il que le concept y est :
http://demango.ovh.org/news_zayer.html
Fait un clique droit pour voir le code source.
Quand tu le met en relative ça veut dire que tu va le décaler par rapport à son endroit de base.
Donc si tu met ceci :
position:relative; top:50px; left:50px;
Ca va avoir pour effet de décaler l'élément sur lequel tu as appliqué ce code, de 50 pixels vers la droite, et de 50 pixels vers le bas, et ceci à partir de l'emplacement où l'élément aurait dut se trouver sans position relative.
Par contre si tu utilise la position absolute, la position est calculée à partir de la fenêtre du navigateur.
Donc si tu met ceci :
position:absolute; top: 50px; left: 50px;
Ca va avoir pour effet de décaler l'élément tout en haut à gauche de la fenêtre, avec un espace de 50pixels entre le haut de ton navigateur et l'élément, et de 50 pixels entre la gauche de ton navigateur et ton élément.
Voici un exemple de ce que tu cherches à faire, évidemment pour toi il vaudra que ce soit le logo qui soit au-dessus si j'ai bien compris, toujours est-il que le concept y est :
http://demango.ovh.org/news_zayer.html
Fait un clique droit pour voir le code source.
scriptiz
Messages postés
1424
Date d'inscription
dimanche 21 décembre 2008
Statut
Membre
Dernière intervention
14 septembre 2023
425
20 févr. 2010 à 00:40
20 févr. 2010 à 00:40
No prob, faut dire que j'étais inspirée pour le message d'habitude mes réponses sont plus courtes ^^
Bonne continuation à toi :)
Bonne continuation à toi :)