. 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%;
}
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.