Archive for the “xhtml/css” Category

Marzec 5, 2010 Kategorie: Internet Explorer, Przeglądarki, xhtml/css - 2 Comments

Hacki CSS oraz komentarze warunkowe

CSS HACK
Jednym z wielu sposobów radzenia sobie z niesfornymi przeglądarkami są Hacki CSS, pozwalają zastosować dany styl tylko dla wybranej przeglądarki co umożliwia niejednokrotnie poprawienie błędu. Jednak musimy pamiętać, że hacki wymyślali i odnajdywali koderzy więc nie są one zgodne ze standardami, a ich interpretacja wraz z rozwojem przeglądarek może kiedyś spowodować, że najnowsza wersja danej przeglądarki wyświetli nam coś zupełnie niepożądanego. Co prawda jest to mało prawdopodobne, ale jednak mimo wszystko trzeba brać taką ewentualność pod uwagę. Poniżej zaprezentowałem Hacki, dla najpopularniejszych przeglądarek.
Czytaj dalej…

Luty 24, 2010 Kategorie: Internet Explorer, xhtml/css - No Comment

Internet Explorer 6 kontra max/min-height max/min-width

Przy bardziej zaawansowanych stronach stosowanie max/min-height czy max/min-width staje się wręcz niezbędne. Te bardzo przydatne style jednak nie są obsługiwane przez IE6. Ten wpis pomoże Ci to zmienić!

MIN-HEIGHT/WIDTH

Pomimo tego, że IE6 nie wie co znaczy min-height, min-width. Zachowuje się w stosunku do height i width dokładnie w ten sam sposób, jak normalne przeglądarki do min-height/width. Mianowicie ustala stałą wysokość/szerokość jednak gdy przybywa content’u pozwala na rozszerzenie się elementu blokowego. A my to wykorzystamy !

ROZWIĄZANIE MIN-HEIGHT

1
2
3
4
5
#box {
        min-height:  100px;  /*Dla normalnych przeglądarek*/
        height: auto !important; /*ukrycie stałej wartości dla normalnych*/
        height: 100px; /*Dla IE6*/
}

ROZWIĄZANIE MIN-WIDTH

1
2
3
4
5
#box {
        min-width:  100px;  /*Dla normalnych przeglądarek*/
        width: auto !important; /*ukrycie stałej wartości dla normalnych*/
        width: 100px; /*Dla IE6*/
}

Czytaj dalej…