Autor Zpráva
evyl
Profil
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
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;
} 

Vaše odpověď

Mohlo by se hodit

Odkud se sem odkazuje


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: