Autor | Zpráva | ||
---|---|---|---|
Tolike Profil |
#1 · Zasláno: 26. 5. 2013, 07:19:46
Dobrý den, už od třetí hodiny ráno se snažím umístit divy vedle sebe tak aby byly dva vlevo napevno a dva vpravo procentualní
tedy - a) 200px b) 250px c) 80% d) 20% přičemž by by platily skupinky po dvou - x) 450px y) 100% -> { x=(a+b) } + { y=(c+d) } https://dl.dropboxusercontent.com/u/70273677/responsable.jpg opravdu nevím jak dál, objekty se mi buď překrývají nebo se vůbec nezobrazujou, někdy zase je to 100% stránky a ne 100%-450px. |
||
Plaváček Profil |
#2 · Zasláno: 26. 5. 2013, 07:45:17
Tolike:
Dva plovoucí vlevo o šířce 200 a 250px. Jeden plovoucí vpravo o šířce 20%. No a mezi nimi jeden neplovoucí, kterému nastavíš levý margin 450px a pravý margin 20%. Koukám na to rychle a brzo ráno, ale myslel bych, že to bude fungovat. |
||
Tolike Profil |
#3 · Zasláno: 26. 5. 2013, 08:31:45
potřeboval bych zprava 20% zbytku pod odečtení dvou panelu vlevo, tudíž (80%+20%)-450px
|
||
Plaváček Profil |
#4 · Zasláno: 26. 5. 2013, 08:45:51
Tolike:
A co si představuješ pod pojmem 20 %? Nechceš můj návrh alespoň vyzkoušet? |
||
DJ Miky Profil |
#5 · Zasláno: 26. 5. 2013, 09:34:33
Pokud to chápu dobře, tak by stačilo c) a d) obalit do společného divu s
margin-left: 450px a pak v rámci něj rozdělit poměrem 80:20 %. Nějak takto si to představuješ?
<style> div {height: 400px;} #a {width: 200px; float: left; background: #444;} #b {width: 250px; float: left; background: #777;} #cd {margin-left: 450px;} #c {width: 80%; float: left; background: #AAA;} #d {width: 20%; float: left; background: #DDD;} </style> <div id="a"></div> <div id="b"></div> <div id="cd"> <div id="c"></div> <div id="d"></div> </div> |
||
Tolike Profil |
šíleně moc děkuju DJ Miky, zkoušel jsem to dál a našel jsem konečné řešení, myslíte že je to v pořádku?
<style > aside { display: block; float: left; width: 450px; height: 100%; } nav#a { display: block; float: left; width: 200px; height: 100%; background: #474747; } nav#b { display: block; float: right; width: 250px; height: 100%; background: #e8e8e8; } #cd { display: block; margin-left: 450px; height: 100%; } #c { display: block; float: left; height: 100%; width: 80%; background: #ffffff; } #d { display: block; float: right; width: 20%; height: 100%; background: #e8e8e8; } </style> <aside> <nav id="a"></nav> <nav id="b"></nav> </aside> <div id="cd"> <div id="c"></div> <div id="d"></div> </div> |
||
Časová prodleva: 12 let
|
0