Znikło coś, czyli paskudny błąd IE7

Sytuacja jest prosta. W pewnym miejscu serwisu przestała się pokazywać zawartość jednego z boksów. Widać było sam kontener, prawidłowo wypełniony tłem i prawidłowo rozciągnięty w pionie przez swoją zawartość. Jedno ale. Zawartości nie widać. Przykładowy listing: <div class=”a”> <div id=”dyn”></div> </div> <div class=”a”> <div class=”b”>treść</div> </div> Wszystkie divy są float’owane do lewej, wszystkie też mają ustawiony clear po lewej stronie. Całość znajduje się… Czytaj dalej Znikło coś, czyli paskudny błąd IE7

ie6 + ajax – koszmar z ulicy www

Wyobraźcie sobie system CMS dedykowany do obsługi naprawdę dużego ruchu, wielu redaktorów, wielopoziomowej możliwości akceptacji treści. Dobra może wystarczy. Jest sobie taki system. Dla tych co wiedzą, jest to znany problem opisany nawet na wiki: XMLHTTP, więc jak kto zna, to nie czytać. Wpis sobie tak czy inaczej zrobię. Ku pamięci. W przypadku jakiejś tam liczby rzeczy do wyświetlenia, np. drzewa folderów, czy dużej liczby dokumentów, warto… Czytaj dalej ie6 + ajax – koszmar z ulicy www

Ulepszanie strony za pomocą javascriptu

Często klienci chcą „odpicować” stronę, poprzez dodanie różnych rzeczy, które „się dzieją”. Na stronie: Usability enhancements with JavaScript w bardzo miły sposób przedstawiono parę rzeczy. Pozwolę sobie zacytować zasady używania javascriptu: Treść jest wartością, nie zmieniaj jej. Ogranicz ulepszenia do warstwy prezentacji. Popraw niektóre błędy IE, takie jak brak obsługi tagów abbr czy q. Pamiętaj, żeby wszystko było lekkie.

ciekawe zachowanie IE

W czasie pracy nad jednym z serwisów pojawił się dość ciekawy błąd IE. Mianowicie dla kodu: <!DOCTYPE html PUBLIC „-//W3C//DTD XHTML 1.0 Strict//EN” „http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”pl”> <head> <title></title> <meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-2″ /> <style type=”text/css”> html,body,ul,ol,li{margin:0;padding:0} ul{list-style-type:none} a{text-decoration:none} #menumain{width:185px} #menumain ul{background-color:#455} #menumain a,#menumain .first li a{color:#fff} #menumain a,#menumain .first li a{display:block} #menumain a,#menumain .first li a{border-top:1px solid #fff}… Czytaj dalej ciekawe zachowanie IE