Mám stránku, ktorej hlavná časť je tvorená z ľavého sidebaru, contentu a pravého sidebaru.
Kód:
#sideleft {float:left}
#main {float:left}
#sideright {float:right}
toto celé je v divku s id="content". Keďže pri normálnom rozlíšení chcem mať poradie
SIDELEFT|MAIN|SIDERIGHT
tak som to takto odfloatoval... pri responsive však chcem najprv main a potom sidebary. Čiže pri responsive od 320 do 480px chcem dosiahnúť:
MAIN
SIDELEFT
SIDERIGHT
Mám urobené takto
Kód:
@media screen and (min-width:320px) and (max-width:479px) {
#content {
display:flex;
flex-direction:column;
}
#sideleft {order:2}
#main {order:1}
#sideright {order:3}
}
Teraz ale riešim rozlíšenie od 480 do 600px a tu by som chcel pod main dať tieto dva sidebary floatovať vedľa seba. , teda aby to vyzeralo takto
MAIN
SIDELEFT|SIDERIGHT
Ak však nastavím
Kód:
#sideleft {order:2}
#main {order:1}
#sideright {order:2}
Tak to nefunguje... flex zrušiť nemôžem, lebo automaticy by šiel main pod sideleft... vie niekto, ako by som to mohol ošudiť?
