Image fixe hauteur 100% à gauche et page déroulante à droite
Résolu
opoil18
Messages postés
2
Date d'inscription
Statut
Membre
Dernière intervention
-
mr_demonicon Messages postés 828 Date d'inscription Statut Membre Dernière intervention -
mr_demonicon Messages postés 828 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je n'arrive pas à faire en css la configuration suivante:
une image fixe à gauche (div left-image) qui s'ajuste à 100% de la fenêtre et mon site (header/content/footer) sur la droite centré sur l'espace restant (div site-right).
Aujourd'hui j'ai dans mon css:
Cela me donne bien à peu prêt ce que je veux sauf que suivant la forme du navigateur, le .site-right passe sous ma .left-image.
Comment faire pour que le .site-right soit centré sur l'espace à droite de .left-image?
Je n'arrive pas à faire en css la configuration suivante:
une image fixe à gauche (div left-image) qui s'ajuste à 100% de la fenêtre et mon site (header/content/footer) sur la droite centré sur l'espace restant (div site-right).
<div class="image-site"> <img class="left-image" src="../uploads/2014/08/LeftAA.png"></img> </div> <div class="site-right">mon site</div>
Aujourd'hui j'ai dans mon css:
.left-image { position: fixed; height:100%; } .site-right{ padding-left: 20%; max-widht: 940px; }
Cela me donne bien à peu prêt ce que je veux sauf que suivant la forme du navigateur, le .site-right passe sous ma .left-image.
Comment faire pour que le .site-right soit centré sur l'espace à droite de .left-image?
A voir également:
- Image fixe hauteur 100% à gauche et page déroulante à droite
- Liste déroulante excel - Guide
- Les textes ne doivent pas être en retrait à droite et à gauche - Guide
- Windows 11 barre des taches a gauche - Guide
- Supprimer page word - Guide
- Liste déroulante en cascade - Guide
2 réponses
utilise les media queries pour plus d'explication reporte toi a ce cours https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3/1607616-utilisez-le-responsive-design-avec-les-media-queries