Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] nie mogę zmniejszyć diva
Forum PHP.pl > Forum > Po stronie przeglądarki
Arek00
fragment stylu:
  1. .poll .bar {
  2. height: 1em;
  3. margin: 1px 0;
  4. background-color: #ddd;
  5. }
  6. .poll .bar .foreground {
  7. background-color: #aaa;
  8. height: 1em;
  9. clear: left;
  10. float: left;
  11. }

na stronie jest to używane tak:
  1. <div class="bar"><div style="width: 16%;" class="foreground"></div></div>

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
Cytat
<div class="bar"><div style="width: 44%;" class="foreground"></div></div>
na
Cytat
<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
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; }
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.