Width 100% za layer u sredimi

[ Meduzza @ 10.10.2008. 13:03 ] @

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]}

[ Nikola Poša @ 10.10.2008. 15:31 ] @

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%.

[ Aleksandar Ružičić @ 10.10.2008. 20:11 ] @

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;
}

[ Meduzza @ 12.10.2008. 12:55 ] @

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;

[ Aleksandar Ružičić @ 12.10.2008. 13:01 ] @

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

[ Meduzza @ 19.10.2008. 15:34 ] @

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]}

[ Aleksandar Ružičić @ 20.10.2008. 14:02 ] @

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...