Autor | Zpráva | ||
---|---|---|---|
srigi Profil |
#1 · Zasláno: 13. 4. 2009, 21:25:39
Kcem vytvorit dvojstlpcovy layout, s tym, ze dojem rovnako vysokych stlpcov mi zabezpeci obrazok opakovany po Y-novej osy. Obraz kcem ale rozdelit na dve farebne casti. Pozrite si prosim ilustracny obrazok, aby ste pochopili co myslim pod pojmom "velmi siroky background".
Vsimnite si, ze pozadie nie je umiestnene symetricky - tak to uz pri dvojstlpcovom layoute byva, bocny panel byva zvycajne uzssi ako obsah. Pozadie ma velmi velku sirku, aby stranka bola opticky rozdelena aj pri velmi vysokom rozlizeni. Povedzme, ze pri sirke pruzku 7500px to dava dostatok priestoru na dalsie dve dekady IT veku. Pozadie som pri svojich experimentoch umiestnil na <body> s background-position: 50% 0; Vsetko sa zdalo OK, az kym som stranku nezacal zoomovat (odpustite ang. vyraz). Vtedy sa layout (dojem dvoch stlpcov) zacne rozpadat. V momente, ked sirka textu presiahne sirku obrazovky, posunie sa aj bod "BODY 50%" a pozadie nesedi. Vid. ziva ukazka (poriadne "zazoomujte", aby ste chybu vyvolali). Nenapada ma ako toto v HTML/CSS vyriesit. Stranka musi byt opticky rozdelena na dve farebne oblasti - aj pri velmi vysokom rozliseni (co zabezpeci velmi siroky pruzok pre pozadie). Za kazdu radu budem velmi vdacny. |
||
tiso Profil |
#2 · Zasláno: 13. 4. 2009, 21:37:36
Malo by pomôcť nastavenie min-width pre body.
|
||
srigi Profil |
#3 · Zasláno: 13. 4. 2009, 21:48:26
tiso
„Malo by pomôcť nastavenie min-width pre body.“ Bohuzial to nezabralo (na zivej ukazke vo Firebug-u). |
||
Dero Profil |
#4 · Zasláno: 13. 4. 2009, 21:59:56
body { display: table } |
||
Bubák Profil |
#5 · Zasláno: 13. 4. 2009, 22:06:13
http://wellstyled.com/css-2col-fluid-layout.html pro pevnou i pro pružnou šířku.
|
||
srigi Profil |
#6 · Zasláno: 14. 4. 2009, 07:16:16
Bubák
Pozor, ked sa dobre zamyslis, zistis, ze ten fluidny priklad nie je to co potrebujem. Tento pristup ( s tym "percentualnym" obrazkom) som okrem toho uz skusal, funguje to snad este horsie - hranica sa posuva s tym ako hybes oknom. Vid. tento priklad. Dero Skoro dobre, ale po pridani tej vlastnosti, sa pozadie za hranicou div#wrapper nezobrazuje (opat skusane iba vo Firebugu) Okrem toho stranka stratila cetrovanie. Idealne by bolo, keby som/sme prisli na sposob ako vedla div#wrapper umiestnit nejaky div, ktory by zaberal zvysnu plochu od praveho okraja div#wrapper az po pravy okraj viewportu a 100% vysky body. Zaroven by sa vsak nesmelo porusit centrovanie div#wrapper. Zapeklity problem. |
||
joe Profil |
#7 · Zasláno: 14. 4. 2009, 07:24:22 · Upravil/a: joe
srigi
Ukaž pozadí, které roztahuješ. EDIT: V případě té ukázky, co jsi poslal, stačí místo body nastavit nestavit pozadí pro #wrapper Navíc pokud máš přesně takové barvy, pak je takhle obrovský obrázek úplně zbytečný. Navíc mít bílý text na bílém pozadí není zrovna to pravý. Nedělej z toho vědu a dej dva divy vedle sebe. |
||
Časová prodleva: 15 let
|
0