Voilà, le titre dit déjà tout, j'aimerais mettre une zone fixe à gauche avec une image en bas.
J'ai trouvé ça:
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<style type="text/css">
.menu2 {
position: absolute;
top: 0px;
left: 0px;
width: 15%;
height: 100%;
background-color:#FFFFFF;
border-right: none}
body>.menu2 {position:fixed}
</style>
</head>
<body>
<div class="menu2"> <!- menu à gauche de l'écran -->
<img src="MON_IMAGE">
</div>
<div class="content"> <!- début du contenu de la page -->
<div class="boite">Contenu quelconque de la page</div>
</div> <!- fin du contenu de la page -->
</body>
</html>
Mais voilà, il y a 2 problèmes.
Le premier => L'image n'est pas fixe
Le second => L'image est tout en haut, et je ne sais pas comment faire pour la mettre en bas
Si quelqu'un peut rectifier mes erreurs, ça serait gentil!
Merci d'avance
Commentaires :
Re: Re:
Et finalement, j'avais arrangé le bug, mais non! ça ne marche pas sous IE... alalalaaaaa!! ça m'inerve!
Thème inspiré par Bryan Bell.
AAAA carrément débile d'avoir poser cette question j'ai rectifié le problème moi-même. Pour vous donner le truc :
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<style type="text/css">
.menu2 {
position: absolute;
top: 445px;
left: 0px;
width: 15%;
height: 100%;
background-color:#FFFFFF;
border-right: none}
body>.menu2 {position:fixed}
</style>
</head>
<body>
<div class="menu2"> <!- menu à gauche de l'écran -->
<img src="URL DE VOTRE IMAGE">
</div>
<div class="content"> <!- début du contenu de la page -->
<div class="boite">Contenu quelconque de la page</div>
</div> <!- fin du contenu de la page -->
</body>
</html>
Voilà voilà! Pour mettre l'image en bas, il fallait juste mettre 445 px en haut. alala désolée d'avoir pris de la place pour rien! Mais vous pouvez quand même me dire merci lol pour vous avoir donné ce magnifique astuce! ^^