Mam taki wykres:

Jak widać jest problem, jak dodam style="height: 75px;" albo style="height: 50%;" do diva to mi ucina go od dołu

A chciałbym, żeby odcinało górę. Jak to otrzymać? No i każdy wykres musi zaczynać się od tej najniższej kreski.

Dodaje kod:

[HTML] pobierz, plaintext 
<div id="status_graph">
	<div id="channel" title="Channel 1: 2121 graczy online" style="height: 65px;"></div>
	<div id="channel" title="Channel 2: 2000 graczy online" style=""></div>
	<div id="channel" title="Channel 3: 1921 graczy online" style=""></div>
	<div id="channel" title="Channel 4: 2021 graczy online" style=""></div>
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
#status_graph {
	background: url('img/status_graph.png') no-repeat;  
	width: 245px; 
	height: 118px; 
	margin-left: 77px;
	margin-top: 7px;
	overflow: auto;
}
 
#channel{
	background: url('img/channel.png') no-repeat;  
	width: 29px; 
	height: 100px; 
	margin-top: 17px;
	margin-left: 25px;
	float: left;
}
[HTML] pobierz, plaintext 

JSFiddle

Kombinuj z:

[CSS] pobierz, plaintext 
position: absolute;
bottom: 0;
[CSS] pobierz, plaintext 

Nie wiem jak sobie z tym poradzić, chyba overflow: auto; koliduje z position: absolute;

Kombinuje i nic mi nie wychodzi ;/

jeszcze vertical-align zamiast możesz pobróbować (bo wywaleniu position:absolute)

background-position pomogło ; )

http://jsfiddle.net/m44LF/1/