/ programowanie

Divy obok siebie.

Wstęp.

Podczas robienia strony chciałem zrezygnować z tabelek i zrobić stronę na samych divach. Miałem zrobić trzy ramki obok siebie ;-] Ale nie wiedziałem jak ;-D Nawet myślałem, że chyba się tak nie da. Nie miałem neta akurat w domu i nie miałem się skąd dowiedzieć. Ale przeglądając ostatnio strony w kawiarence natknąłem się na małą wzmiankę o tym. I się dowiedziałem, że aby zrobić divy obok siebie to wystarczy w stylach zdefiniować opcje float ;-]

Kod.

Czyli przykład poniżej:

<div style="border: red 1px solid;width: 100%;height: 100px">Góra</div>
<div style="border: blue 1px solid;float: left;width: 30%;height: 500px">Lewo</div>
<div style="border: green 1px solid;clear: none;float: right;width: 30%;height: 500px"> Prawo</div>
<div style="border: black 1px solid;margin-left: 31%;margin-right: 31%;height: 500px"> środek</div>

Zauważ, że wpierw jest lewo, później prawo i dopiero środek ;-] Czemu wcześniej tego nie znalazłem! ;-] Ale już strony nie będę przerabiał, nie chce mi się ;-]