[CSS] Contenir les Absolute dans une div
Résolu/Fermé
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
- Retour à la ligne css - Forum CSS
- Taille bouton css - Forum HTML
- Moyenne.si.ens #div/0 ✓ - Forum Excel
- Enlever couleur lien css ✓ - Forum CSS
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 :)