28173 sujets

CSS et mise en forme, CSS3

[Résolu] Problème de vertical align

bonjour

je voudrais tout simplement positionner une div B en bas à droite d'une div A.
Je sais le faire avec un background mais pas avec une div Smiley decu
Je pensais que vertical-align: bottom faisait ça, mais apparement non Smiley sweatdrop
Quelqu'un pourrait m'aider please.

voici mon code :
<head>
<style type="text/css">
  div#a
  {
    width:80%;
    height:70%;
    background-color: red;
    background-image: url(http://www.google.fr/intl/fr_fr/images/logo.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
  }
  div#b
  {
    width:70px;
    height:30px;
    background-color: blue;
    float:right;
    vertical-align: bottom;
  }
</style>
</head>
<body > 
<div id="a">
  <div id="b"></div>
</div>
</body>



Mon but est que la div B est le même comportement que l'image en background cad toujours en bas à droite
(sachant que la div A est en % et que le div B est en px)


merci
PoichOU
Modifié par PoichOU (15 Sep 2007 - 12:01)
PoichOU a écrit :
je voudrais tout simplement positionner une div B en bas à droite d'une div A

Div A en position: relative.
Div B en position: absolute; right: 0; bottom: 0.
Et voilà. Smiley smile
merci beaucoup à vous 2 !

je savais pas qu'on pouvait indiquer right et bottom ! c'est cool

Smiley cligne

PoichOU
Modifié par PoichOU (15 Sep 2007 - 12:01)
Sujet clos
Aller à