Divy obok siebie.

· Tech · No AI

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ę ;-]

uptime
8,215 days · since 2004
posts
294 · busiest 2026 (64)
words
~143,065 · ~10 h read
topics
tech 239 · personal 55
langs
en 229 · pl 65
written
211 by hand · 83 AI-assisted
projects
3
build
ca50768 · 2026-06-30