Pozicioniranje layera u DW-u

[ _warp @ 18.10.2005. 12:06 ] @

Napravio sam 1 stranicu samo pomoću layera i .css-a.
Sad bi htio da mi se ona poravna na sredini ekrana ali kako?
Smjestio bih sve te layere u jedan glavni ali kako njega da pozicioniram u sredinu
ekrana? Šta valja napraviti u .css-u?

_{[Ovu poruku je menjao _warp dana 18.10.2005. u 13:13 GMT+1]}

[ CSS @ 18.10.2005. 15:13 ] @

Citat:

<div id="glavnilayer">

CSS:

#glavnilayer{
position: relative; top:0%; right: 50%;
}

ili

#glavnilayer{
position: absolute; top:0%; right: 50%;
}

ili
umesto procenta koristi pixele ili em-ove s`tim sto posmatras poziciju gornjeg levog ugla box-a odnosno diva.
Pozdrav.

[ Br@nkoR @ 18.10.2005. 17:01 ] @

Nisi rekao da li treba vertikalno ili horizontalno.

Primer 1.
Horizontalno centriranje

Code:

body {
text-align: center;
}
#lajer{
width: 600px;
margin: 0 auto;
text-align: left;
}

Primer 2.
Horizontalno centriranje:

Code:

#lajer{
position: absolute;
top: 0%;
left: 50%;
width: 600px;
margin-left: -300px; /*polovina od width*/
}

Primer 3.
Horizontalno i vertikalno centriranje

Code:

#lajer{
position: absolute;
top: 50%;
left: 50%;
width: 600px;
margin-left: -300px; /*polovina od width*/
height: 300px;
margin-top: -150px; /*polovina od height*/
}

Primer 4.
Mrzi me da kucam pa evo link:
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

.....

[ _warp @ 19.10.2005. 09:05 ] @

Hvala! Mnogo ste mi pomogli! :-)
Pozdrav!

[ SrkoS @ 26.03.2007. 21:15 ] @

Odlično.

i ja sam za to da je div-kontejner sa absolute position,
i margin-left: -width/2

nov sam u css-u i namučio sam se da postavim
div koji će biti autoresize po vertikali.

jedini način - koliko sam ja primetio je:

da kontejner bude position:absolute i da mu se zadaju
top i bottom (koliko želimo)
+ height: auto;

i ovo se za sada lepo vidi i u operi i IE i moz.

npr. kontejner koji ce biti odvojen od vrha 20px, a od dna 65 (recimo tu je futer)

Code:

#autoresize_vert {
  position: absolute;
  width: 760px;
  top: 20px;
  bottom: 65px;
  height: auto;
  margin-left: -380px;
  left: 50%;
  padding: 0;
}

PS. mozda nekom zatreba,
(ako već postoji na forumu ovo rešenje, izvin'te)

Pozdrav
Srđan