| | |
| Stránka: 1 z 1
| [ Príspevkov: 3 ] | |
Autor | Správa |
---|
| Napísal Mego: 21.11.2014 7:45 | |
|
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ť?
|
|
Registrovaný: 06.02.14 Prihlásený: 19.01.18 Príspevky: 443 Témy: 9 |
mohol by si mat poradie main|left|right (tak ti to bude dobre zobrazovat na tabletoch/mobiloch) a pre normal layout das pre left position:absolute; left: 0; a pre main margin-left:Xpx. nie je to najelegantnejsie riesenie, ale mozno ti to pomoze prist na nieco lepsie.
|
|
| Napísal autor témy Mego: 21.11.2014 10:22 | |
|
No však toto je ten problém, že už to mám všetko porobené tak ako som uviedol vyššie a teraz celé to prerábať by zabralo spústu času
|
|
| Stránka: 1 z 1
| [ Príspevkov: 3 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| Responsive v HTML, XHTML, XML, CSS | 10 | 616 | 07.04.2016 19:20 5had0w | | Responsive Mega Menu v Webdesign | 2 | 573 | 20.08.2014 20:39 esso82 | | Responsive design otázky v HTML, XHTML, XML, CSS | 11 | 539 | 02.03.2016 21:52 hatto13 | | vypis chyby pri napalovani pri DVD hp DVDRAM GT30L v Optické zariadenia | 6 | 1260 | 22.09.2010 17:53 nexter | | Nacitanie scriptu pri Firefox a pri IE nie v JavaScript, VBScript, Ajax | 6 | 617 | 29.03.2010 15:09 Ďuri | | Pásy pri zmene rozlíšenia, alebo pri pustení videa v ATI/AMD grafické karty | 5 | 672 | 23.05.2009 6:21 jacho6380 | | BSOD 0x0000000A pri instalaci xp, 0x0000007E pri spustani v AMD čipové sady | 17 | 1991 | 16.07.2009 12:56 f4r0 | | Notebook pri štarte seká alebo pri spustení z uspávacieho režimu v Notebooky a netbooky | 3 | 541 | 21.02.2015 18:09 liqua1 | | Čierna obrazovka pri zapínaní PC, najnovšie aj vypínanie pri hraní v Intel čipové sady | 4 | 574 | 21.05.2021 17:43 Neo-M | | zavada pri spustani pri a po GRUBe v Intel čipové sady | 4 | 645 | 30.05.2010 16:36 ERROR 404 | | GA-AX370M-Gaming 3 (rev. 1.x) fail pri update BIOSu + nenačítanie SSD a HDD pri pridaní M.2 NVMe SDD v Ovládače | 5 | 1784 | 19.12.2020 20:38 4040 | | Win 7 - chyba pri starte AsusVibe2.0 a aplikacie pri starte v Operačné systémy Microsoft | 5 | 1316 | 31.07.2014 18:07 Megi | | Pomoc pri pomoc pri skladaní PC - od 1 500 do 1 800 Eur (rozlíšenie 1440p) v PC zostavy | 13 | 778 | 28.09.2023 20:23 johny314 | | Pri spusteni v Operačné systémy Unix a Linux | 3 | 538 | 07.04.2011 21:24 Denco1 | | Postup pri ... v PHP, ASP | 8 | 1180 | 17.09.2009 15:34 rooobertek | | Pomoc pri kúpe.. v Grafické karty | 15 | 917 | 29.11.2009 12:13 heker121 |
| Nemôžete zakladať nové témy v tomto fóre Nemôžete odpovedať na témy v tomto fóre Nemôžete upravovať svoje príspevky v tomto fóre Nemôžete mazať svoje príspevky v tomto fóre
|
|