18 grudnia 2005 (niedziela), 01:17:17
3 kolumny bez table
Oto metoda zrobienia 3 kolumn w treści bez użycia tabelek.
Tak to wygląda w źródle:
Nagłówek na górze na górze na górze na górze
<div style="float: left; width: 66%; background-color: #ddd;">
<div style="float: left; width: 50%; padding: 0.4em; background-color: #Fdd">
Kolumna jeden kolumna jeden kolumna jeden kolumna jeden kolumna jeden
kolumna jeden kolumna jeden
</div>
<div style="margin-left: 50%; padding: 0.4em; background-color: #dFd;">
Druga druga druga druga druga druga druga druga druga druga druga druga
druga druga
</div>
</div>
<div style="margin-left: 66%; padding: 0.4em; background-color: #ddF;">
Trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3
trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3
</div>
<br style="clear: both" />
Stopka stopka stopka stopka stopka stopka
</div>
<div style="float: left; width: 66%; background-color: #ddd;">
<div style="float: left; width: 50%; padding: 0.4em; background-color: #Fdd">
Kolumna jeden kolumna jeden kolumna jeden kolumna jeden kolumna jeden
kolumna jeden kolumna jeden
</div>
<div style="margin-left: 50%; padding: 0.4em; background-color: #dFd;">
Druga druga druga druga druga druga druga druga druga druga druga druga
druga druga
</div>
</div>
<div style="margin-left: 66%; padding: 0.4em; background-color: #ddF;">
Trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3
trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3
</div>
<br style="clear: both" />
Stopka stopka stopka stopka stopka stopka
</div>
A taki jest efekt:
Nagłówek na górze na górze na górze na górze
Stopka stopka stopka stopka stopka stopka
Kolumna jeden kolumna jeden kolumna jeden kolumna jeden kolumna jeden kolumna jeden kolumna jeden
Druga druga druga druga druga druga druga druga druga druga druga druga druga druga
Trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3 trzecia 3
Stopka stopka stopka stopka stopka stopka
Wersja #2
Nagłówek nagłówek nagłówek nagłówek nagłówek
stopka stopka stopka stopka stopka stopka stopka stopka stopka stopka
trójka 3 trójka 3 trójka 3 trójka 3 trójka 3 trójka 3 trójka 3 trójka 3 trójka 3 trójka 3 trójka 3 trójka 3
Kolumna pierwsza Kolumna pierwsza Kolumna pierwsza Kolumna pierwsza Kolumna pierwsza Kolumna pierwsza
Druga Druga Druga Druga Druga Druga Druga Druga Druga Druga Druga Druga Druga Druga Druga Druga Druga
stopka stopka stopka stopka stopka stopka stopka stopka stopka stopka