0
je suis en train de bulid ce graphique ... Heres le problèmeCSS Div: Aligner Tout inisde si div en bas
TAKE A LOOK AT THIS .. Je veux que ces divs « #green » être aligné sur le fond
A
Répondre
2
j'ai changé votre float: left-display: inline-block qui, par défaut a un vertical-align: baseline je crois.
Check out how to do one for IE6 and IE7.
En outre, comme sidenote, vous devez assigner un id attribut à un élément. Utilisez une classe sinon.
2
ici vous allez: http://jsfiddle.net/SebastianPataneMasuelli/uYghh/16/
changer la valeur left pour les déplacer.
edit: mise à jour de l'échantillon pour les marges correctes.
+0
pas une bonne idée ... ce sera conteneur relatif & les paramètres ici seront en fonction de certaines pages thème & tout .. ne peut pas les brancher sur d'autres sites ... réutilisation est un problème – Moon
+1
si vous ne ' t ajouter les valeurs 'left' ou' top' à 'position: relative', il se comporte comme un élément par défaut dans le flux du document. Je l'utilise tout le temps et il est en fait réutilisable. La réponse d'Alex est en fait plus élégante. –
0
Retirer float:left; utilisation display:inline-block;
0
Changer votre code CSS par ce
#green
{
position: relative;
float : left;
width : 20px;
top:100%;
margin : 5px;
border: solid 1px #0fb551;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0fb551), to(#064d23));
background: -moz-linear-gradient(#0fb551, #064d23);
background: linear-gradient(#0fb551, #064d23);
-pie-background: linear-gradient(#0fb551, #064d23);
behavior: url(pie.htc);
}
Add some jQuery to your project
$(function(){
$('#graph div').each(function(){
var ht=$(this).height();
$(this).css({'margin-top':-ht-4+'px'});
});
});
1
s'il vous plaît changer la propriété id des divs verts à quelque chose différent les uns aux autres
http://jsfiddle.net/uYghh/33/
qui est en partie droite, mais vous voyez, ils ne sont pas alignés sur la ligne de fond du conteneur div – Moon
maintenant http://jsfiddle.net/uYghh/15/ c'est correct – Moon