Obsah fóra
PravidláRegistrovaťPrihlásenie




Odpovedať na tému [ Príspevkov: 3 ] 
AutorSpráva
Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa
Príspevok NapísalOffline : 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ť?


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 06.02.14
Prihlásený: 19.01.18
Príspevky: 443
Témy: 9
Príspevok NapísalOffline : 21.11.2014 10:14

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.


Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa
Príspevok Napísal autor témyOffline : 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


Odpovedať na tému [ Príspevkov: 3 ] 


Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy. Responsive

v HTML, XHTML, XML, CSS

10

616

07.04.2016 19:20

5had0w Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Responsive Mega Menu

v Webdesign

2

573

20.08.2014 20:39

esso82 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Responsive design otázky

v HTML, XHTML, XML, CSS

11

539

02.03.2016 21:52

hatto13 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. vypis chyby pri napalovani pri DVD hp DVDRAM GT30L

v Optické zariadenia

6

1260

22.09.2010 17:53

nexter Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Nacitanie scriptu pri Firefox a pri IE nie

v JavaScript, VBScript, Ajax

6

617

29.03.2010 15:09

Ďuri Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Pásy pri zmene rozlíšenia, alebo pri pustení videa

v ATI/AMD grafické karty

5

672

23.05.2009 6:21

jacho6380 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. BSOD 0x0000000A pri instalaci xp, 0x0000007E pri spustani

v AMD čipové sady

17

1991

16.07.2009 12:56

f4r0 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Notebook pri štarte seká alebo pri spustení z uspávacieho režimu

v Notebooky a netbooky

3

541

21.02.2015 18:09

liqua1 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Č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 Zobrazenie posledných príspevkov

Táto téma je zamknutá, nemôžete posielať nové príspevky alebo odpovedať na staršie. zavada pri spustani pri a po GRUBe

v Intel čipové sady

4

645

30.05.2010 16:36

ERROR 404 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. 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 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. 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 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. 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 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Pri spusteni

v Operačné systémy Unix a Linux

3

538

07.04.2011 21:24

Denco1 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Postup pri ...

v PHP, ASP

8

1180

17.09.2009 15:34

rooobertek Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Pomoc pri kúpe..

v Grafické karty

15

917

29.11.2009 12:13

heker121 Zobrazenie posledných príspevkov


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

Skočiť na:  

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra