Width 100% za layer u sredimi

Width 100% za layer u sredimi 10.10.2008. u 14:03 · pre 219 meseci #1

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?

Re: Width 100% za layer u sredimi 10.10.2008. u 16:31 · pre 219 meseci #2

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

Re: Width 100% za layer u sredimi 10.10.2008. u 21:11 · pre 219 meseci #3

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

Potpis

rafforum.rs - Forum Računarskog Fakulteta

Re: Width 100% za layer u sredimi 12.10.2008. u 13:55 · pre 219 meseci #4

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;

Re: Width 100% za layer u sredimi 12.10.2008. u 14:01 · pre 219 meseci #5

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

Potpis

rafforum.rs - Forum Računarskog Fakulteta

Re: Width 100% za layer u sredimi 19.10.2008. u 16:34 · pre 219 meseci #6

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

Re: Width 100% za layer u sredimi 20.10.2008. u 15:02 · pre 219 meseci #7

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

Potpis

rafforum.rs - Forum Računarskog Fakulteta

Forum kao aplikacija na telefonu

Srodne teme