Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS?] max-width w IE, czyli expression
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Silverlight
Witam,
to mój pierwszy post na niniejszym forum smile.gif

Chciałbym poprosić kogoś o pomoc. Mam mały problem z expression. Jak zapewne wiecie, max-width nie działa w IE, gdy nie jest nadany !DOCTYPE. Ja !DOCTYPE nadać nie mogę i tu rodzi się problem. Chciałbym zastosować max-width: 100%; dla obrazka (czyli obrazek ma się dostosowywać do rozmiaru strony, jeśli jest za duży, ale gdy mieści się na stronie, to żeby był wyświetlony w rzeczywistych wymiarach.) Cały dzień się męczyłem i napisałem działający kod.

Kod
width: expression(document.body.clientWidth < this.width ? "100%" : true);


Jednak nie działa to jak bym chciał - obrazek owszem, jeśli jest za duży, to się skaluje do mniejszej postaci, jednak gdy rozszerzę okno tak, żeby obrazek zmieścił się w oryginalnych wymiarach + pare pikseli wolnego miejsca, to ten obrazek i tak się rozciąga do wymiarów okna (czyli po prostu funkcja skalowania na 100% okna wciąż działa).

Czy ktoś tu się na tym zna?
Prosił bym o odpowiedź smile.gif

PS Umieściłem to w dziale JavaScript, bo expression to bodajże JS, ale jeśli się mylę, to proszę Moderatora o przeniesienie tematu w odpowiednie miejsce smile.gif
kamil4u
Szczerze nigdy nie bawiłem się w expression, więc nie wiem czy to co napisze jest poprawnym rozwiązaniem.
- width chyba nie może zwierać wartości true
- spróbuj skorzystać, ze zdarzenia window.onresize i tam zmieniać odpowiednio szerokość obrazka(dla IE)
Crozin
1. Ja !DOCTYPE nadać nie mogę Czemu?
2. max-width nie działa w IE Chyba masz na myśli IE6, bo z tego co pamiętam to już od wersji 7. IE to obsługuje. Pod IE6 nie warto sobie zawracać głowy
3. Oczywistym jest, że się powiększa - przecież ustaliłeś width na 100%. Powinieneś ustawić na 100% gdy jest za mało miejsca i na [tu konkretna szerokość obrazu] w przypadku gdy jest go w nadmiarze.
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.