| Autor | Zpráva | ||
|---|---|---|---|
| TomDaWayhet Profil * |
#1 · Zasláno: 29. 6. 2009, 14:46:56
Zdravim Vas. Uz niekolko dni "nemozem spat" koli rozlozeniu stranky. Vyskusal som niekolko posutpov, fixne, dynamicke aj hybridne, dokonca aj tabulky ale nic nepomohlo k vysledku aky by som chcel docielit. Ide mi o to ab v strede webu bol 960px obsah a z lavej a pravej strany boli pozadia s odlisnymi farbami ako je na obrazku. Rozmyslal som nad troma stlpcami kde stredny by bol fixny a bocne 100% ale neuspesne. Ak by si niekto nasiel cas a skusil ma navies na spravnu cestu tak budem velmi rad. Vopred dakujem.
Odkaz na layout: http://www.swapp.sk/clients/swapp/ |
||
| Taurus Profil |
#2 · Zasláno: 29. 6. 2009, 14:56:44
Ahoj,
zkus přidat do css následující + dodat výšku a upravit dle potřeby.
.ray, .ray2 {
margin: 0px;
padding: 0px;
position: absolute;
top: 0px;
right: 0px;
width: 50%;
background: #456789;
}
.ray2 {
left: 0px;
background: #123456;
}
V html by to měly být první třídy, aby byly překryty ostatními. Jestli je to dobré řešení, nevím, kdysi jsem nad tím taky bádal a vyšlo podobné. Princip je takový, že z toku dokumentu vyjmeš dvě 50% pozadí a umístíš je na nejnižší úroveň. |
||
| TomDaWayhet Profil * |
Taurus:
Zdravim Ta. Dakujem za pomoc. Este bolo potrebne doplnit z-index aby sa uktovili na pozadi, no zatial som to takto este neriesil, myslis ze je to dobry postup ? Ak sa este mozem spytat. Dik |
||
| swah Profil |
#4 · Zasláno: 29. 6. 2009, 18:48:07
TomDaWayhet:
Řešení je možná prostější, než se zdá, myslíme-li oba totéž. http://ftp.swah.net/pozadi/pozadi.html |
||
| TomDaWayhet Profil * |
swah:
:) Tak nad tymto som rozmyslal tiez ale co ked to niekto bude pozerat na TV ? nemal by s tym byt problem ? |
||
| panther Profil |
#6 · Zasláno: 29. 6. 2009, 19:15:42
swah
„Řešení je možná prostější, než se zdá, myslíme-li oba totéž. “ to není úplně ono. Koukneš-li se na tu stránku v nízkém rozlišení, bílá bude ve výrazném nepoměru vůči zelené až v jednom okamžiku zcela zmizí. TomDaWayhet „ale co ked to niekto bude pozerat na TV ? nemal by s tym byt problem ?“ jaký problém konkrétné myslíš? |
||
| Taurus Profil |
#7 · Zasláno: 29. 6. 2009, 19:29:37
TomDaWayhet
Z-index asi, pravda, taky, vykopíroval jsem to ze své práce. :-) Jestli dobrý postup, fakt nevím (řekl bych, že ano), každopádně je obecný. swahův je ještě možná lepší, taky používám, záleží na konkrétním webu. Jen se musí vyřešit ten nepoměr (který bych přehlížel u rozlišení < 800 px). |
||
| swah Profil |
#8 · Zasláno: 29. 6. 2009, 19:31:39 · Upravil/a: swah
TomDaWayhet
Televize může mít velké rozměry/úhlopříčku, ale asi máš spíše na mysli rozlišení. To mají větší zpravidla monitory. Pak stačí obrázek pozadí udělat s takovými rozměry, aby to nějaký čas vydrželo, než se technologie zase pohnou dále. panther Ano, pod 960 px se layout rozjede, protože se pozadí v modernějších prohlížečích bude stále centrovat. To u horizontálně centrovaných pozadí běžně nastává. Proto se stránky dělají standardně pro určité minimální rozlišení. V tom nevidím překážku, buď se to tak tedy nechá nebo se to ošetří podobně jako http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=7&topic=96506 nebo jiným způsobem. |
||
| panther Profil |
#9 · Zasláno: 29. 6. 2009, 19:43:19
swah
„Ano, pod 960 px se layout rozjede [...]“ nemusíš mi vysvětlovat, jak to funguje, vím to :-) Jen jsem na to upozornil TomDaWayheta Taurus „který bych přehlížel u rozlišení < 800 px“ dnes, v době mobilních telefonů? To není nejlepší řešení :-) |
||
| Taurus Profil |
#10 · Zasláno: 30. 6. 2009, 02:12:04
Pravda, jedna z mých děr, v které se taky musím polepšit. :-)
|
||
| joe Profil |
#11 · Zasláno: 30. 6. 2009, 08:29:34
V první řadě si stačí uvědomit, že web bude široký zhruba 960px. Bude tedy v hlavním divu o šířce 960px, ten bude rozdělený na dva, levý bílý a pravý zelený. Tenhle hlavní div vycentruješ (margin: auto). A pak stači udělat ještě pod hlavním divem a to uděláš třeba tak, že vytvoříš hodně široký obrázek, levá půlka bude bílá a pravá zelená, ten vycentruješ. Kde je problém? :)
|
||
|
Časová prodleva: 15 let
|
|||
0