Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Pozicioniranje layera u DW-u

[es] :: Web dizajn i CSS :: Pozicioniranje layera u DW-u

[ Pregleda: 4251 | Odgovora: 4 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

_warp
RS

Član broj: 64195
Poruke: 36
*.teol.net.



Profil

icon Pozicioniranje layera u DW-u18.10.2005. u 12:06 - pre 224 meseci
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]
 
Odgovor na temu

CSS
OKOLO NAOKOLO

Član broj: 70952
Poruke: 118
*.62.EUnet.yu.

Sajt: dizajnenterijera.com


+2 Profil

icon Re: Pozicioniranje layera u DW-u18.10.2005. u 15:13 - pre 224 meseci
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.
 
Odgovor na temu

Br@nkoR
http://localhost

Član broj: 2597
Poruke: 1603

Sajt: localhost


+23 Profil

icon Re: Pozicioniranje layera u DW-u18.10.2005. u 17:01 - pre 224 meseci
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

.....

Banned - Not available
 
Odgovor na temu

_warp
RS

Član broj: 64195
Poruke: 36
*.teol.net.



Profil

icon Re: Pozicioniranje layera u DW-u19.10.2005. u 09:05 - pre 224 meseci
Hvala! Mnogo ste mi pomogli! :-)
Pozdrav!
 
Odgovor na temu

SrkoS
Kostic Srdjan
Pirot

Član broj: 2845
Poruke: 58
*.dynamic.sbb.co.yu.

ICQ: 45298893


Profil

icon Re: Pozicioniranje layera u DW-u26.03.2007. u 21:15 - pre 207 meseci
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
 
Odgovor na temu

[es] :: Web dizajn i CSS :: Pozicioniranje layera u DW-u

[ Pregleda: 4251 | Odgovora: 4 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.