28173 sujets

CSS et mise en forme, CSS3

Bonjour,

J'essaie d'aligner verticalement en bottom un <object> dans un <div>, mais il y a tjs une petite marge entre les 2 en bas.

voir site : http://da-bulb.com/hugues/vins2.html
(il s'agit du flash de gauche).

div{
margin-top:10px;
margin-bottom:0px;
padding:0;
}
object{
float:left;
position:relative;
margin-bottom:0;
bottom:0;
margin-top:auto;
left:0px;
height:280px;
}


Quelqu'un a une idée ? Smiley smile
Modifié par bill_baroud (27 Apr 2006 - 17:25)
Modérateur
bonjour,

en passant le #animJm en position:absolute, bottom:0; il ira en bas Smiley smile .

et il faudra ajouter un padding-left de la largeur de l"object" pour qu'il ne passe pas dessous.

ex:
#vins{
margin:0;
padding:0;
width:320px;
/*border:solid #555555 1px;*/
margin-top:30px;
text-align:center;
font:9pt Arial;
padding-left:207px;
}
et pour l'object:
#animJm{
bottom:0;
left:0;
position:absolute;
border:solid #CCCCCC 1px;
height:280px;
}
.

Teste ça voir si ça te convient.
(remarque que j'ai enlevé des trucs, n'oubli pas de faire le menage dans tes regles css une fois que tu as obtenu l'effet souhaité, sinon tu risque d'avoir du mal a t'y retrouvé plus tard ...)
:)
++
Modifié par gcyrillus (27 Apr 2006 - 16:55)