Trzy kolumny stałe

w tym skrajne z rozwijanym tłem, autor Krzysztof Gajewski

Strona ma szerokość 1000px. Lewa kolumna dosunięta do lewej krawędzi strony regułą float:left ma szerokość 300px. Środkowa kolumna ma szerokość 400px i jest dosunięta do lewej także regułą float;left. Prawa skrajna kolumna o szerokości 300px jest dosunięta do środkowej regułą float:left.

Kolor tła całej strony jest realizowany selektorem  #opaska_max {width:1000px; margin:0 auto; background:#ffdead}. Kolor tła bocznych kolumn jest realizowany selektorami #opaska_lewa i #opaska_prawa. W tych selektorach tło jest realizowane w wyniku rozwijania w dół po osi pionowej y pliku graficznego Tbra_ffe4c4.gif. Plik ten jest identyczny z plikiem tła poprzedniej strony dwu kolumnowej, gdzie znajduje się opis jego wykonania w programach GIMP i PSP-PHOTO X2.

Jasne tła boczne zakrywają ciemniejsze tło pozostawiając tylko ciemniejszy środek tła. W wypadku braku programowego połączenia z jasnym plikiem graficznym tła bocznego, tło całej strony jest jednolite w kolorze ciemniejszego tła środkowego.

ROZWIJANIE TŁA KOLUMN: Wykonany plik graficzny Tbra_ffe4c4 o szerokości 300px i wysokości 10px jest rozwijany od góry do dołu przy lewej krawędzi tj. po osi y, poleceniem <div id="opaska_lewa"> korzystając z selektora #opaska_lewa {background:url(obrazy/Tbra_ffe4c4.gif) left repeat-y}. W podobny sposób ten sam plik graficzny rozwijany jest przy prawej krawędzi w wyniku zamiany słów lewa na prawa oraz left na right.

ROZWIJANIE TŁA NAGŁÓWKA: Wykonany plik graficzny Npierwszypl.gif o szerokości 10px i wysokości 130px jest rozwijany od lewej krawędzi do prawej tj. po osi x, poleceniem <div id="head"> korzystając z selektora #head {background: #cd853f url(obrazy/Npierwszypl.gif) repeat-x top left}. W tym selektorze znajdują się jeszcze inne reguły ale wymieniona jest tą rozwijającą tło gradientowe. Wartość #cd853f jest kolorem jednolitego tła zastępczego które zostanie wyświetlone w wypadku braku kontaktu z plikiem obrazy w którym znajduje sie plik graficzny tła gradientowego Npierwszypl.gif. W identyczny sposób jest realizowane tło gradientowe stopki plikiem graficznym Spierwszypl.gif o szerokości 10px i wysokości 45px.