![]() |
![]() |
![]() ![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 82 Pomógł: 1 Dołączył: 19.10.2011 Ostrzeżenie: (0%) ![]() ![]() |
Witam, mam niewielki problem. Pracuję na co dzień na przeglądarce Google Chrome. Zrobiłem "grid", czyli "kratę" pozwalającą na ustawianie elementów w treści strony jak w tabeli, tylko bez używania tabeli (IMG:style_emoticons/default/smile.gif) . Kiedyś słyszałem, że używanie tabel to budowania layout'a strony to bardzo zły pomysł, więc omijam tego szerokim łukiem. Znalazłem coś ciekawego. Display: flex;. Pięknie to wyglądało. ładnie się dopasowywało itp. Po napisaniu części strony postanowiłem sprawdzić jak to wygląda na innych przeglądarkach. No cóż. Wyglądało wyśmienicie. Aż nagle dostałem informację o tym, że na safari coś nie działa. Zainteresowało mnie to, więc to sprawdziłem. Wyszło na to, że w Safari nie ma takiego czegoś jak display: flex;... Jeden prosty flex musiałem zastąpić czymś takim:
Kod block.table .w { display: block; width: 924px; margin-top: 10px; clear: both; } .block.table .w:after { content: " "; clear: both; display: block; height: 0px; } block.table .w .k { float: left; display: inline-block; min-height: 1px; } block.table .k.r1 { width: 25%; } block.table .k.r2 { width: 50%; } block.table .k.r3 { width: 75%; } block.table .k.r4 { width: 100%; } Według mnie wygląda to mało elegancko. Znacie jakiś sposób na problem z display: flex w Safari lub na jakiś "ładniejszy" sposób na napisanie "grid'a"? Z góry dziękuję za wszelkie odzewy, pozdrawiam, Maxie. |
|
|
![]() ![]() |
![]() |
Aktualny czas: 14.10.2025 - 08:51 |