Autor | Zpráva | ||
---|---|---|---|
evyl Profil |
#1 · Zasláno: 25. 1. 2009, 03:18:04 · Upravil/a: evyl
cus chalani .. stahl a zpracoval sem si layout svaty gral
a upravil sem si ho jak sem potreboval podle sirky a tak a vsecko jede .. layout sem si zuzil ze neni pres celou stranku ale ma asi 720px na sirku ale porad ho mam nalepenej na levo .. ani kdyz celou stranku hodim do center a nebo do body dam text-align:center ... tak proste je porad nalevo .. nevite jak ho dostat doprostred? a prosim ne absolutnim pozicovanim berme ze kazdej ma jiny rozliseni :) thx pokud si to chcete zkusit u sebe tak tady je css zuzeneho layoutu at se s tim nemusite pocitat body { width: 720px; /* 2 x (LC plna-sirka + CC padding) + RC plna-sirka */ } #container { padding-left: 110px; /* LC plna-sirka */ padding-right: 190px; /* RC plna-sirka + CC padding */ position: relative; /* Resi "nekonecnou" stranku v IE7 */ } #container .column { position: relative; float: left; } #center { padding: 10px 20px; /* CC padding */ width: 100%; } #left { width: 100px; /* LC width */ padding: 0 10px; /* LC padding */ right: 160px; /* LC plna-sirka + CC padding */ margin-left: -100%; } #right { width: 130px; /* RC width */ padding: 0 10px; /* RC padding */ margin-right: -100%; } #paticka-uvnitr { clear: both; } /*** oprava pro IE ***/ * html #left { left: 150px; /* RC plna-sirka */ } /*** Stejna vyska sloupcu ***/ #container { overflow: hidden; } #container .column { padding-bottom: 1001em; /* X + padding-bottom */ margin-bottom: -1000em; /* X */ } /*** oprava paticky ***/ * html body { overflow: hidden; } * html #paticka { float: left; position: relative; width: 100%; padding-bottom: 10010px; margin-bottom: -10000px; background: #FFF; /*** Stejne jako u body ***/ } /*** Jen pro vzhled ***/ body { margin: 0; padding: 0; background: #FFF; } #hlavicka, #paticka-uvnitr { font-size: large; text-align: center; padding: 0.3em 0; background: #999; } #left { background: url("left_part_bg2.gif") top left repeat-y; } #center { background: #DDD; } #right { background: #F66; } #container .column { padding-top: 1em; text-align: justify; } |
||
joe Profil |
#2 · Zasláno: 25. 1. 2009, 03:33:53 · Upravil/a: joe
html { text-align: center; } body { width: 720px; /* 2 x (LC plna-sirka + CC padding) + RC plna-sirka */ margin: 0 auto; } #container { padding-left: 110px; /* LC plna-sirka */ padding-right: 190px; /* RC plna-sirka + CC padding */ position: relative; /* Resi "nekonecnou" stranku v IE7 */ text-align: left; } |
||
Časová prodleva: 15 let
|
0