18 grudzień 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>

A taki jest efekt:

Nagłówek na górze na górze na górze na górze
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

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

Kategorie: Informatyka, _blog, programowanie/html, programowanie/css, programowanie


Słowa kluczowe: html, div, css


Komentarze: (0)

Skomentuj notkę

Disclaimers :-) bo w stopce coś wyglądającego mądrze można napisać. Wszystkie powyższe notatki są moim © wymysłem i jako takie związane są ze mną. Ale są też materiały obce, które tu przechowuję lub cytuje ze względu na ich dobrą jakość, na inspiracje, bądź ilustracje prezentowanego lub omawianego tematu. Jeżeli coś narusza czyjeś prawa - proszę o sygnał abym mógł czym prędzej naprawić błąd i naruszeń zaniechać.