Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Wysokość diva z tłem
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
decha-design
Witajcie wszyscy,

Mam problem z divem ze 'zmienną' wysokością. Mam coś takiego jak bar progress (całkowicie inne zastosowanie, ale nieważne) tylko pionowy. Niestety nie mogę tego zrobić na jednolitym tle czy tam gradiencie. Mam to zrobione na takiej zasadzie, że mam jeden div pod spodem z tłem czarno-białym, a w środku drugi div z tlem kolorowym (w tym wypadku czerwonym), który to zależnie od wylicznej wartości (procenty %) zmienia się. Pod FF i IE7 itd... działa doskonale, ale jak zawsze, zmora webdesignerów to IE6. Tutaj, wysokość diva mi się zmienia, ale tło się nie ucina (nie widać go np. w 50%) tylko jest zmniejszone (ścieśnione) to 50%.

Kod CSS dla tego diva z tłem kolorowy, bo czarno-biały raczej nie potrzebny =)
  1. width: 70px;
  2. max-height: 70px;
  3. background: transparent url('../images/bar.png');
  4. background-position: bottom;
  5. position: absolute;
  6. bottom: 0;


Wiem, że pod IE6 nie działa background-postion, ale czy to jest tego wina? Czy można to obejść jakimś fixem? Kiedyś natrafiłem na stronę z tymi fixami, do png, position: fixed etc ... ale się zawieruszyła gdzieś ;>

Pzdr.
erix
Może pokaż screena, żeby jakoś "rozjaśnić"? Bo na razie jakoś nie mogę sobie tego wyobrazić - najpierw piszesz o pionowym progressbarze, potem:
Cytat
Wiem, że pod IE6 nie działa background-postion

chyba mamy różne wersje IE, bo u mnie jakoś działa background-position. ;P

Cytat
Czy można to obejść jakimś fixem?

Przydałoby się więcej kodu. Ale strzelam w ciemno, że odpowiedni expression załatwiłby sprawę.
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.