0
я пытаюсь Bulid этого графика ... ЭРВЫ проблемыCSS Div: Совместите Everything inisde если дела до нижней
TAKE A LOOK AT THIS .. я хочу, чтобы эти див «#green», чтобы привести в соответствии с нижней
A
ответ
2
Я изменил ваш float: left к display: inline-block, который по умолчанию имеет vertical-align: baseline я считаю.
Check out how to do one for IE6 and IE7.
Кроме того, как заметка на полях, вы должны назначить один id атрибут к одному элементу. Используйте класс в противном случае.
2
здесь вы идете: http://jsfiddle.net/SebastianPataneMasuelli/uYghh/16/
изменить значение left, чтобы переместить их.
изменить: обновленный образец для правильных полей.
+0
не очень хорошая идея ... это будет относительный контейнер, и настройки здесь будут соответствовать некоторым страницам темы и всем .. не могут подключить их к другим сайтам ... повторное использование - это проблема – Moon 2010-11-24 06:45:10
0
Удалить float:left; использование display:inline-block;
0
Изменение CSS этой
#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
измените свойство идентификатора зеленых дивы на некоторые вещи отличаются друг от друга
http://jsfiddle.net/uYghh/33/
Это частично верно, но вы видите, что они не выровнены по нижней строке контейнера div – Moon 2010-11-24 06:40:04
сейчас http://jsfiddle.net/uYghh/15/ это правильно – Moon 2010-11-24 06:41:28