układ trójkolumnowy

Układ trójkolumnowy dzieli treść wiadomości na trzy równoległe bloki.

Czym jest układ trójkolumnowy

Układ trójkolumnowy to sposób rozmieszczenia treści w wiadomości lub na stronie, w którym jeden poziomy pas dzieli się na trzy równoległe bloki, zwykle o zbliżonej szerokości. W szablonach e-mail buduje się go zagnieżdżonymi tabelami HTML, bo programy pocztowe, zwłaszcza Outlook oparty na silniku renderowania pakietu Office, nie obsługują w pełni nowoczesnych mechanizmów układu znanych ze stron internetowych. Standardowa szerokość korpusu wiadomości to sześćset lub sześćset czterdzieści pikseli, co przy trzech kolumnach z odstępami daje bloki rzędu stu osiemdziesięciu pikseli.

Trzy kolumny wobec układu jednokolumnowego

Podział na trzy bloki sprawdza się przy zestawieniach porównywalnych elementów: trzech produktów, trzech usług, trzech kroków procesu. Traci sens przy dłuższych tekstach, bo w wąskiej kolumnie wiersz mieści zaledwie kilka wyrazów i tekst rozjeżdża się w rzekę pojedynczych słów. Na telefonie, gdzie ekran ma około trzystu siedemdziesięciu punktów szerokości, trzy kolumny obok siebie stają się nieczytelne, dlatego szablony stosują przełożenie na układ pionowy. Realizuje się je zapytaniami medialnymi albo techniką kolumn opartych na wyrównaniu, która składa bloki jeden pod drugim bez użycia CSS, co jest istotne, bo część programów pocztowych zapytania medialne ignoruje.

Gdzie taki układ się psuje

Najbardziej znany problem dotyczy Outlooka dla Windows, który zaokrągla szerokości i dodaje własne odstępy w komórkach tabel, przez co trzecia kolumna potrafi zjechać pod pozostałe. Drugi to obrazy bez podanej szerokości i wysokości, które przed pobraniem rozpychają układ, a po zablokowaniu grafiki zostawiają puste ramki z ikoną. Trzeci to Gmail obcinający wiadomość po przekroczeniu limitu rozmiaru wiadomości, po czym końcówka szablonu wraz ze stopką i odnośnikiem wypisu znika za odnośnikiem o pokazaniu pełnej treści. Czwarty to ciemny motyw programu pocztowego, który potrafi odwrócić kolory tła kolumn, zostawiając ciemny tekst na ciemnym tle. Piąty dotyczy dostępności: bloki ułożone poziomo są odczytywane przez czytniki ekranu w kolejności zapisu w kodzie, która nie zawsze odpowiada kolejności wizualnej.

Kiedy problem jest po stronie komputera

Zdarza się, że wiadomość wygląda źle nie z powodu szablonu, lecz z powodu środowiska: zdezaktualizowanej wersji Outlooka, uszkodzonego profilu pocztowego, wyłączonego pobierania obrazów albo dodatku, który modyfikuje wyświetlanie treści. Warszawskie Pogotowie Komputerowe porządkuje takie konfiguracje u klientów w Warszawie, naprawia i przenosi profile Outlooka, aktualizuje pakiet biurowy, ustawia skalowanie i rozdzielczość, przez którą treść wydaje się rozjechana, oraz usuwa dodatki i oprogramowanie ingerujące w wyświetlanie poczty. Dojazd oraz diagnoza są bezpłatne.