[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]

Jakiś adres można?

Nie chce mi się wstukiwać problematycznego kodu każdego użytkownika.

[Arek00]

tutaj, chodzi o słupki w sondzie. w tej chwili zmieniłem tło tego diva na obrazek i nie wygląda to aż tak tragicznie no ale i tak nie mogę zrobić tych słupków cieńszych

[maverickkk]

prawdopodobnie zastosuje stylach odstęp między wierszami

line-height: 0.5 em;

[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

[maverickkk]

No to wspaniale.

[Zajec]

Coś mnie jeszcze naszło...

A czy twoje problemy nie dotyczą przypadkiem działania strony w głupiej przeglądarce?

O ile pamiętam, ona niezależnie od tego czy element zawiera jakieś znaki, zwiększa jego wysokość na tyle, aby zmieścił się tam jakiś tekst.

Jeśli moje przypuszczenia słusznie padły na IE, spróbuj dać

Kod

.poll div { font-size: 0; }

Ten post edytował Zajec 1.06.2006, 23:33:18