[css] nie mogę zmniejszyć diva Opcje

[Arek00]

fragment stylu:

[HTML] pobierz, plaintext 
.poll .bar {
  height: 1em;
  margin: 1px 0;
  background-color: #ddd;
}
.poll .bar .foreground {
  background-color: #aaa;
  height: 1em;
  clear: left;
  float: left;
}
[HTML] pobierz, plaintext 

na stronie jest to używane tak:

[HTML] pobierz, plaintext 
<div class="bar"><div style="width: 16%;" class="foreground"></div></div>
[HTML] pobierz, plaintext 

problem polega na tym że gdy zmieniam parametr height na większy np. 1.5 lub 2 to element na stronie się powiększa natomiast gdy chciałbym pomniejszyć ten element wstawiając w height np. 0.5 to cały czas mam rozmiar taki jak przy 1em. jak zmniejszyć te divy?

[Zajec]

Zamieniłem sobie

<div class="bar"><div style="width: 44%;" class="foreground"></div></div>

na

<div class="bar" style="height: 0.5em !important;"><div style="width: 44%; height: 0.5em !important;" class="foreground"></div></div>

Odświeżyłem stronę z cache i działa.


Bez żadnego line-height

Ten post edytował Zajec 1.06.2006, 17:17:43