Centrovanie stranky

Blackshadow · Napísal **Blackshadow**: 31.01.2008 10:24 | Centrovanie stranky

Je tu moj vecny problem... Centrovanie stranky.. zvladnem vselico, spravit design, html, php s databazou, ale centrovanie stranky je moja nocna mora.. zatial sa mi ani raz to nepodarilo spravit

Mam css:

Kód:

body {

  background-color: #54795A;

  position: absolute;

  margin: 0px;

  padding: 0px;

  color: #CCCCCC;

  font-family: Arial, Helvetica, sans-serif;
  width: 100%;

}

p {

  font-size: 13px;

  color: #CCCCCC;

  line-height: 130%;

  font-family: Arial, Helvetica, sans-serif;

  text-align: justify;

  z-index: 2;

}

img {

  margin: 5px;

  border: 1px solid #333333;

}

h1 {

  position: absolute;

  top: 271px;

  left: 42px;

  width: 600px;

  margin-top: 0px;

  font-size: 30px;

  color: #FF9900;

  font-family: Arial, Helvetica, sans-serif;

  font-weight: bold;

  margin-bottom: 0px;

  z-index: 1;

}

h2 {

  width: 834px;

  font-size: 20px;

  color: #FF9900;

  font-family: Arial, Helvetica, sans-serif;

  font-weight: bold;

  margin-bottom: 5px;

  z-index: 1;

}

h3 {

  width: 500px;

  font-size: 15px;

  color: #FF9900;

  font-family: Arial, Helvetica, sans-serif;

  font-weight: bold;

  margin-bottom: 0px;

  z-index: 1;

}

a:link {

  color: #FFFFFF;

  text-decoration: none;

}

a:visited {

  color: #FFFFFF;

  text-decoration: none;

}

a:hover {

  color: #FF9900;

  text-decoration: underline;

}

a:focus a:active {

  color: #FFFFFF;

  text-decoration: none;

}
.main {
margin: auto;
}

/* OBRAZKY */

#logo {

  position: absolute;

  left: 0px;

  top: 0px;

  width: 756px;

  height: 244px;

  background-image: url("logo.jpg");

  background-color: #000000;

  text-indent: -5000px;

  color: #FFFFF;

}

#logo2 {

  position: absolute;

  left: 756px;

  top: 0px;

  width: 144px;

  height: 244px;

  background-image: url("logo2.jpg");

  background-color: #000000;

  text-indent: -5000px;

  color: #FFFFF;

}

#hlavicka {

  position: absolute;

  left: 0px;

  top: 244px;

  width: 756px;

  height: 92px;

  background-image: url("hlavicka.jpg");

  background-color: #000000;

  text-indent: -5000px;

  color: #FFFFFF;

}

#hlavicka2 {

  position: absolute;

  left: 756px;

  top: 244px;

  width: 144px;

  height: 92px;

  background-image: url("hlavicka2.jpg");

  background-color: #000000;

  text-indent: -5000px;

  color: #FFFFFF;

}

#pravy-okraj {

  position: absolute;

  left: 878px;

  top: 259px;

  width: 22px;

  height: 441px;

  background-image: url("pravy-okraj.jpg");

  background-color: #000000;

  text-indent: -5000px;

  color: #FFFFF;

}

/* TLACITKA */

#tlacitka {

  position: absolute;

  left: 67px;

  top: 210px;

  width: 766px;

  list-style-type: none;

  float: left;

  text-align: center;

}

/* OBSAH */

#obsahtext {

   position: absolute;

   top: 337px;

   left: 33px;

   width: 834px;

   font-size: 13px;

   font-family: Arial, Helvetica, sans-serif;

   color: #CCCCCC;

  background-image: url("pics/detektiv-pozadie.jpg");

  background-repeat: repeat-y;

   border: 1px solid #FF9900;

   background-color: #333333;

   padding-top: 20px;

   padding-left: 15px;

   padding-right: 15px;

   padding-bottom: 20px;

}

#paticka1 {

  position: absolute;

  left: 15px;

  width: 662px;

  align: center;

}

#paticka2 {

  position: absolute;

  right: 15px;

  width: 200px;

  text-align: right;

}

Ako to vycentrovat??

viem viem, ze nieje dobre, aby boli zadane absolutne hodnoty, ale mne to proste s float a podobne nikdy nejde ako ma..

Neda sa nieco pridat do body, aby to vycentrovalo??
niekde som videl take nieco, ze sa zadefinuje do body, ze:
left: 50%;
margin-left: -500px;
ale nejak mi to nechce ist..

(tabulku nechcem)

p360t · Napísal **p360t**: 31.01.2008 10:30 | Centrovanie stranky

Prečo vždy niekto založí nejakú tému bez toho, aby sa poobzeral, či tu už náhodou také niečo nie je?

http://www.pcforum.sk/layout-stranky-vt ... tml#267155

Blackshadow · Napísal autor témy **Blackshadow**: 31.01.2008 10:37 | Centrovanie stranky

jasne, to som nasiel, presne tu temu som aj cital...

ide len o to, ci nieje nieco jednoduchsie, vlastne casovo menej narocne.. tento web som robil predtym, ako som sa do toho vyznal, a teraz ked to chcem centrovat, tak vsetko prepisovat.. asi sa ale tomu nevyhnem..

islo mi len o to, ci neexistuje nieco, co zadefinujem do body, pretoze teraz musim nanovo robit tie divy a hlavne menit kazdu jednu podstranku (vtedy som este include nepoznal

)

aj tak diki

HAE07 · Napísal **HAE07**: 31.01.2008 11:35 | Centrovanie stranky

ved cely obsah,vsetky divi a vsetko zabal do jedneho hlavneho divu,ktoremu nastavis margin:0 auto; tym dosiahnes stred vsade okrem IE a pre IE to osetris tym,ze body nastavis text-align:center;

Blackshadow · Napísal autor témy **Blackshadow**: 31.01.2008 16:38 | Centrovanie stranky

no lenze aj tak musim vsetko prepisovat.. vsade mam position: absolute..

jablko05 · Napísal **jablko05**: 31.01.2008 16:41 | Centrovanie stranky

daj celu stranku do jedneho divu a daj mu margin: 0px auto 0px auto

HAE07 · Napísal **HAE07**: 31.01.2008 16:56 | Centrovanie stranky

frankieG píše:

daj celu stranku do jedneho divu a daj mu margin: 0px auto 0px auto

co myslis,co je o par komentov vyssie?;)

aha,to mas problem teda s tou absolutnou poziciou

bralo by ti to od toho hlavneho obalu,tak len prepis hodnoty a mas

Blackshadow · Napísal autor témy **Blackshadow**: 31.01.2008 17:00 | Centrovanie stranky

poznas css?? mam to v absolute, takze mi to nic nepomoze.. a ked absolute dam prec, tak zas sa mi to rozhadze.. takze jedine vsetko prepisat...

stenley · Napísal **stenley**: 31.01.2008 17:02 | Centrovanie stranky

obal to do jedneho divu s position relative

walther · Napísal **walther**: 31.01.2008 17:03 | Centrovanie stranky

no tak musis pochopit, ze za to, ze si to zle napisal, uz my ostatni nemozeme... ak to xces docielit pomocou css, tak to holt budes musiet prerobit.. skus sa naucit robit vzdy naky zakladny div, a do toho si rob uz co xces.. budes to mat lahsie aspon pri takychto ukonoch ako centrovanie v browseri

Blackshadow · Napísal autor témy **Blackshadow**: 31.01.2008 17:12 | Centrovanie stranky

no uz teraz to robievam tak, ale to je stary web dost, a proste vtedy som to tak nevedel

som mal mensie rozlisenie a ja som to mal na celu obrazovku

No oks, diki za rady, idem to prerabat

HAE07 · Napísal **HAE07**: 31.01.2008 17:21 | Centrovanie stranky

Blackshadow píše:

poznas css?? mam to v absolute, takze mi to nic nepomoze.. a ked absolute dam prec, tak zas sa mi to rozhadze.. takze jedine vsetko prepisat...

ano,poznam css a velmi dobre.pokial mas nejaky prvok v dive,ktory ma preddefnovanu poziciu,ci uz relativnu alebo absolutnu,tak roh,od ktoreho sa mu pocita pozicia je roh toho nadradeneho divu

Blackshadow · Napísal autor témy **Blackshadow**: 31.01.2008 17:27 | Centrovanie stranky

no, tiez som si myslel, ale nejak mi to tu nechce fungovat

HAE07 · Napísal **HAE07**: 31.01.2008 17:29 | Centrovanie stranky

Blackshadow píše:

no, tiez som si myslel, ale nejak mi to tu nechce fungovat

jak to?:D hehe...musis mat aj na tom nadradenom dive zadefinovanu poziciu

Blackshadow · Napísal autor témy **Blackshadow**: 31.01.2008 17:50 | Centrovanie stranky

nuz, ved si to pozri..
mam div container a vyzera takto:

Kód:

#container {
   margin: 0 auto;
}

(skusal som aj 0px auto, aj 0px auto 0px auto aj 0 auto 0 auto - vsetky varianty)

Stranka je tu:
http://www.momentproduction.sk/nechtozostanevrodine/

HAE07 · Napísal **HAE07**: 31.01.2008 18:39 | Centrovanie stranky

pisal som,ze aj ten container ma mat poziciu

cize daj tam position:relative; zadaj tomu sirku,nechaj margin a mas

Blackshadow · Napísal autor témy **Blackshadow**: 31.01.2008 20:06 | Centrovanie stranky

parada ! funguje !! dikes moc !! nevies si predstavit, kolko som sa s tym sral

jablko05 · Napísal **jablko05**: 21.02.2008 19:34 | Centrovanie stranky

noo.. super.. a teraz ako to nacetrujem aj zvrchu a zospodu na stred? mam to v tom dive... margin auto 0 auto nefunguje.. ani margin auto auto auto... tak ako?

HAE07 · Napísal **HAE07**: 21.02.2008 19:41 | Centrovanie stranky

http://jezek2.advel.cz/css/centerbox.html

jablko05 · Napísal **jablko05**: 21.02.2008 20:34 | Centrovanie stranky

diki.. ale po*ralo sa mi to ete vac... ale neva, dal som si to naspak..

HAE07 · Napísal **HAE07**: 21.02.2008 20:37 | Centrovanie stranky

najprv si to odskusaj na necisto aby si prisiel na to,ze co a ako a potom to aplikuj v stranke

Centrovanie stranky

Centrovanie stranky

Podobné témy

Centrovanie stránky

Centrovanie celej stránky

Zlé centrovanie stranky v IE

centrovanie na stred

Centrovanie DIVu na stranke

Centrovanie grafiky na stred obrazovky

Centrovanie do stredu v HTML5, CSS3

rovnake centrovanie pre opera a firefox

nenacitava stranky, najma stranky.com;po restarte nacita

vnorenie stranky do stranky

Stránky

stránky

Zablokovanie stránky

viacjazycne stranky

www - stranky ?

Redizajn stránky