[es] - Width 100% za layer u sredimi

Meduzza
Beograd

Član broj: 127710
Poruke: 85
80.93.254.*

Profil

^{10.10.2008. u 13:03 - pre 189 meseci}

Code:
#middle{
    width:100%;
    height:730px;
    margin-top: 9px;
    margin-bottom: 10px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    vertical-align: middle;
}

.straneleva{
    width:200px;
    height:730px;
    float: left;
    margin-right: 8px;
    padding-left: 10px;
}

.sredina{
    width:100%;
    height:730px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: dotted;
    border-left-style: dotted;
    border-right-color: #000000;
    border-left-color: #000000;
    float: left;
}

.stranedesna{
    width:200px;
    height:730px;
    float: left;
}

Dakle, ovako.
Hocu da mi lajere u okviru #middle layera .stranaleve, i .stranadasena budu sa leve i desne strane fixne sirine od 200px. lajer .sredina u sredini, i da se u zavisnosti od rezolucije ekrana skuplja i siri po horizontali. po ovom kodu koji sam postavio medjutim layer .sredina istisne layer .stranadesna u novi red i prekrije layer .stranaleva.

Ima li ko resenje?

_{[Ovu poruku je menjao Aleksandar Ružičić dana 10.10.2008. u 15:40 GMT+1]}

Odgovor na temu

Nikola Poša
Backend (PHP) developer
Beograd

Član broj: 173839
Poruke: 1616
*.adsl-1.sezampro.yu.

+33 Profil

Re: Width 100% za layer u sredimi

^{10.10.2008. u 15:31 - pre 189 meseci}

Pa naravno da ce taj centralni div da prekrije desni, jer si mu stavio width: 100%. Ili se odluchi za pixel-e, ili za postotke, odnosno za apsolutne ili relativne velichine div-ova. Nije bash praktichno meshati te dve stvari, tachnije, nekad i jeste, ali ne sa div-ovima koji su jedan do drugog...

Mogao bi npr. da rasporedish velichine tih unutrashnjih div-ova ovako: 20%, 60%, 20%, a velichinu onog glavnog (#middle) mozhesh da definishesh pixel-ima, npr. 800px, ili mu stavi npr. 80%.

Odgovor na temu

Aleksandar Ružičić
Software Architect, Appricot d.o.o.
Beograd

Član broj: 26939
Poruke: 2881

Jabber: krckoorascic@gmail.com
Sajt: krcko.net

+44 Profil

Re: Width 100% za layer u sredimi

^{10.10.2008. u 20:11 - pre 189 meseci}

hmm... a da probas ovako:

Code:

<div id="container">
   <div id="left">
         ovde ide leva kolona
   </div>
   <div id="center">
         ovde ide centralna kolona
   </div>
   <div id="right">
         ovde ide desna kolona
   </div>
</div>

Code:

#container
{
  position: relative;
  width: 100%;
}

#left
{
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
}

#center
{
    margin: 0 200px;
}

#right
{
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
}

rafforum.rs - Forum Računarskog Fakulteta

Odgovor na temu

Meduzza
Beograd

Član broj: 127710
Poruke: 85
80.93.254.*

Profil

Re: Width 100% za layer u sredimi

^{12.10.2008. u 12:55 - pre 189 meseci}

E, ovo radi. Svaka cast.

Sada mi treba jos treba kod koj ce manji Div lajer po vrtikali da postavi tacno na sredini veceg lajera.

Inace, ovo ne pmaze vertical-align: middle;

Odgovor na temu

Aleksandar Ružičić
Software Architect, Appricot d.o.o.
Beograd

Član broj: 26939
Poruke: 2881

Jabber: krckoorascic@gmail.com
Sajt: krcko.net

+44 Profil

Re: Width 100% za layer u sredimi

^{12.10.2008. u 13:01 - pre 189 meseci}

http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

rafforum.rs - Forum Računarskog Fakulteta

Odgovor na temu

Meduzza
Beograd

Član broj: 127710
Poruke: 85
80.93.254.*

Profil

Re: Width 100% za layer u sredimi

^{19.10.2008. u 15:34 - pre 188 meseci}

Code:
#container
{
  position: relative;
  width: 100%;
}

#left
{
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
}

#center
{
    margin: 0 200px;
}

#center. mali
{
    margin: 0 200px;
}

#right
{
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
}

Ja ne mogu da se snadjem sa uputsvom na http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
Nego, jel moze neko da mi ispise kako da layer #center. mali centriram po vrtikali

_{[Edit: Sledeci put koristiti [code][/code] tagove!!!]}

_{[Ovu poruku je menjao Aleksandar Vasic dana 19.10.2008. u 17:23 GMT+1]}

_{[Ovu poruku je menjao Aleksandar Ružičić dana 20.10.2008. u 14:46 GMT+1]}

Odgovor na temu

Aleksandar Ružičić
Software Architect, Appricot d.o.o.
Beograd

Član broj: 26939
Poruke: 2881

Jabber: krckoorascic@gmail.com
Sajt: krcko.net

+44 Profil

Re: Width 100% za layer u sredimi

^{20.10.2008. u 14:02 - pre 188 meseci}

kako ne mozes da se snadjes? jednostavnije objasnjeno od ovoga neces naci... pokusaj jos jednom (nemoj lako da odustajes :D), i izbegavaj da pises #center. mali jer to nije ispravno (u nekim browserima ce mozda da radi to sto hoces, ali u vecini nece), umesto toga pisi #center .mali...

rafforum.rs - Forum Računarskog Fakulteta

Odgovor na temu