Jeden z projektów, nad którym obecnie pracuję wymaga zastosowania właściwości min-width. Istnieje kilka rozwiązań tego problemu, jedne mniej, inne bardziej intuicyjne. Ze względu na pozycjonowanie absolutne, minusowe marginesy i sporą ilość floatowanych elementów postanowiłem, zamiast czysto CSSowego rozwiązania , zastosować expression. Wszystkie przykłady, które znalazłem w Internecie, sprowadzają się do następującego wyrażenia:
body { width:expression(document.body.clientWidth < 750? "750px": "auto" ); }
Proste, nie? Nie byłem jednak zbyt zdziwiony, gdy to nie zadziałało…
Na całe szczęście po raz kolejny z pomocą przyszedł niezastąpiony Peter-Paul Koch. W artykule document.body and doctype switching znalazłem następujący fragment:
If you use a DOCTYPE that puts Explorer 6 in standards compliant mode, some properties of
document.bodyare reassigned todocument.documentElement.
Jednym słowem – jeśli używacie DOCTYPE to minimalną szerokość w IE przy pomocy expression można uzyskać następująco:
body { width:expression(document.documentElement.clientWidth < 750? "750px": "auto" ); }
Uwaga: Internet Explorer w wersji 5 będzie jednak działał tylko dla pierwszej wersji jak rozumiem. Jeśli musicie wspierać tą przeglądarkę, to proponuję zastosować osobny arkusz dla tej wersji IE i użyć komentarzy warunkowych
Czy ten znak większości nie powinien być jendak, przy min-width, znakiem mniejszości? :-)
Masz jak najbardziej rację. Najwyraźniej gdy to pisałem znalazłem przykład dla
max-width.