Centrovanie stranky

Blackshadow · Napísal **Blackshadow**: 31.01.2008 10:24

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

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

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

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

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

jablko05 · Napísal **jablko05**: 31.01.2008 16:41

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

HAE07 · Napísal **HAE07**: 31.01.2008 16:56

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

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

obal to do jedneho divu s position relative

walther · Napísal **walther**: 31.01.2008 17:03

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

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

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

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

HAE07 · Napísal **HAE07**: 31.01.2008 17:29

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

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

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

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

jablko05 · Napísal **jablko05**: 21.02.2008 19:34

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

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

jablko05 · Napísal **jablko05**: 21.02.2008 20:34

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

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

Centrovanie stranky

Podobné témy