[es] - CSS: problem u FF sa body>align:center (stvarno ne kontam...)

jackofblades
Predrag Drljača
večiti student
Sombor / Umka

Član broj: 82448
Poruke: 161
*.smin.sezampro.yu.

+6 Profil

CSS: problem u FF sa body>align:center (stvarno ne kontam...)

^{14.03.2006. u 22:55 - pre 220 meseci}

NEmam vise JAAAKO veliki problem.
Ovo je reseno. Resenje ovog problema je ovde ili malo nize u ovom postu

Novi problem je na:ovde ili malo nize u ovom postu

Prica kaze sledece...
Pravio sam dizajn koji sam drzao po sredini

Code:
body {... text-align: centre; ...}

Onda sam odlucio da promenim dizajn iz osnove, ali da zadrzim centriranje. E...
Poceo sam kao i uobicajeno da kuckam i kad sam standardne elemente definisao u*.css fajlu, hteo sam polako da radim content.
Od tada, pa na dalje, u Firefox-u NE-MO-GU da dobijem centriranje. Nom-stop je left-aligned. U Internet Explorer-u radi sve normalno, ali u FF ne.
Pokusao sam da prekucam kod iz prethodnog dizajna (koji tangira centriranje), ali bezuspesno. Onda sam copy-paste-ovao (za svaki slucaj) i opet nista.
Btw, koristim Dreamweaver 8.0.
Vise ne znam sta bih. Izludeo sam. Na to sam potrosio preko 5 sati! Ili sam preumoran, pa ne vidim gde gresim, ali tako banalna stvar me nervira.

Znaci kod mi ide:

Code:
body {
    padding: 0;
    margin: 0;
    text-align: center;
}
#wrapper {
    margin: 0;
    text-align: justify;
    position: relative;
    width: 720px;
    height: 550px;
    background-color: #cccccc;
    z-index: 1;
}

#sadrzaj {
    width: 480px;
    height: 550px;
    background-color: #666666;
    left: 0;
    z-index: 2;
}

Znaci, ovo je kod koji sam iskucao SAMO za ovu svrhu.

Zna li neko i moze li mi pomoci?

Hvala unapred.

_{[Ovu poruku je menjao jackofblades dana 17.03.2006. u 14:13 GMT+1]}

Ja @ last.fm

Odgovor na temu

formeye
Ivan Čukić
KDE developer, Free Software Network
Serbia
BGD

Član broj: 5188
Poruke: 388
..burma-bg.customer.sbb.co.yu.

Sajt: ivan.fomentgroup.org

Profil

Re: CSS: problem u FF sa body>align:center (stvarno ne kontam...)

^{16.03.2006. u 10:01 - pre 220 meseci}

Code:
#wrapper {
    margin: 0;
    text-align: justify;

    /* DODAJ SLEDECA DVA REDA */
    margin-left: auto;
    margin-right: auto;
    /* I FF CE CENTRIRATI */

    width: 720px;
    height: 550px;
}

Pozdrav.

P.S. Zbog cega ti je potreban position:relative u svemu ovome?

While you were hanging yourself on someone else's words
Dying to believe in what you heard
I was staring straight into the shining sun

Odgovor na temu

jackofblades
Predrag Drljača
večiti student
Sombor / Umka

Član broj: 82448
Poruke: 161
*.smin.sezampro.yu.

+6 Profil

Re: CSS: problem u FF sa body>align:center (stvarno ne kontam...)

^{16.03.2006. u 12:41 - pre 220 meseci}

pronasao sam sta je bio problem.

Code:

#wrapper {
margin: 0;
...

Treba da ide:

Code:

#wrapper {
margin: auto;
...

To je isto sto si ti napisao, samo u jednom.

Citat:

P.S. Zbog cega ti je potreban position:relative u svemu ovome?

nested layeri (2 ili 3 column layout) se razidju kad izbacim taj deo.
verovatno, cim pitas, ne treba. znaci da, opet verovatno, gresim u definisanju kolona.

Hvala &

cheerz m8z

Ja @ last.fm

Odgovor na temu

formeye
Ivan Čukić
KDE developer, Free Software Network
Serbia
BGD

Član broj: 5188
Poruke: 388
..burma-bg.customer.sbb.co.yu.

Sajt: ivan.fomentgroup.org

Profil

Re: CSS: problem u FF sa body>align:center (stvarno ne kontam...)

^{16.03.2006. u 20:14 - pre 220 meseci}

Citat:

To je isto sto si ti napisao, samo u jednom.

Skoro isto. Na ovaj nacin si i top i bottom stavio da bude auto... Nije ni vazno...

Citat:

nested layeri (2 ili 3 column layout) se razidju kad izbacim taj deo.
verovatno, cim pitas, ne treba. znaci da, opet verovatno, gresim u definisanju kolona.

Ma, sve to mozes da napravis na deset razlicitih nacina - nijedno nije pogresno, jedino sto mi je navika da se trudim da nemam plutajucih elemenata (sve se trudim da postignem sto jednostavnije mogu - sujeverje vezano za greske u enginu IE-a :) )

While you were hanging yourself on someone else's words
Dying to believe in what you heard
I was staring straight into the shining sun

Odgovor na temu

jackofblades
Predrag Drljača
večiti student
Sombor / Umka

Član broj: 82448
Poruke: 161
*.smin.sezampro.yu.

+6 Profil

Re: CSS: problem u FF sa body>align:center (stvarno ne kontam...)

^{16.03.2006. u 22:14 - pre 220 meseci}

odkad si mi skrenuo paznju na to, danas sam uklanjao vecinu position: relative;

sad imam opet problemcic sa ff i footerom, ali videcemo.
ako ne budem mogao da savladam, nastavicu ovaj post (necu nacinjati novi)

u biti...
hocu da bude prilepljen na dno (footer) i da je visok xyz px.
e sad u IE sve ide ok, no content (glavni sadrzajni layer), prelazi preko footera (u ie formira kolonu na dole kako je i zamisljeno, ali u ff prelazi (overlaps; lakse mi reci na eng :) )).

sutra probam (najbolje se uci kad sam radis (metod pokusaja i pogreske) )

hvala again

cheerz m8z

edited:
ispod je kod

_{[Ovu poruku je menjao jackofblades dana 17.03.2006. u 14:10 GMT+1]}

Ja @ last.fm

Odgovor na temu

formeye
Ivan Čukić
KDE developer, Free Software Network
Serbia
BGD

Član broj: 5188
Poruke: 388
..burma-bg.customer.sbb.co.yu.

Sajt: ivan.fomentgroup.org

Profil

Re: CSS: problem u FF sa body>align:center (stvarno ne kontam...)

^{16.03.2006. u 22:41 - pre 220 meseci}

Ok. Ako bude bilo problema, javi. Samo ubuduce stavi i link ka kompletnom html+css-u. Pozdrav

While you were hanging yourself on someone else's words
Dying to believe in what you heard
I was staring straight into the shining sun

Odgovor na temu

jackofblades
Predrag Drljača
večiti student
Sombor / Umka

Član broj: 82448
Poruke: 161
*.smin.sezampro.yu.

+6 Profil

Re: CSS: problem u FF sa body>align:center (stvarno ne kontam...)

^{17.03.2006. u 13:06 - pre 220 meseci}

znaci neuspeh. slep sam za ovaj problem.

Code:

body {
    padding: 0;
    margin: 0;
}
#page {   /*<---------- #page --------- zbog pozadine (estetske potrebe) */
    text-align: center;
    width: 100%;
}
#wrapper {
    margin: 0 auto 0 auto ;
    width: 650px;
    /*text-align: justify;*/
}
#header {
    width: 100%;
    height: 76px;
}
#glnavigacija {
    width: 100%;
    height: 24px;
}
#levakol {
    float: left;
    width: 430px;
    height: 400px;
    top: 100px;
}
#desnakol {
    float: right;
    width: 180px;
    height: 400px;
    right: 0;
    top: 100px;
    padding: 0 20px 0 20px;
}
#footer {
    width: 100%;
    height: 20px;
    /*bottom: 0px;*/
    margin-top: 40px;
    clear: both;
}

to je to. ovo je sablon, dok je css fajl koji stilizuje taj sablon (bojama) ovde nebitan,
jer nema naredbe formatiranja i slaganja.

Code:

<body>
<div id="page">
  <div id="wrapper">
    <div id="header"><p>ovo je header</p></div>
    <div id="glnavigacija"><div id="navmeni">
      <p>ovo je navigacija
    </p></div>
    <div id="levakol"><div id="sadrzaj">
      <p>ovde treba da se upise dovoljno texta kako bi se radna povrsina skrolovala</p>
    </div></div>
    <div id="desnakol"><div id="subsadrzaj">
      <p>ovde treba da se upise dovoljno texta kako bi se radna povrsina skrolovala</p>
    </div></div>
  </div>
  <div id="footer">
    <p>ovo je footer</p>
  </div>
</div>
</body>

da podsetim:
u firefox-u, #levakol(ona) (u kojoj je sadrzajni layer (nije upisan gore, jer je nebitan) prelazi preko #footer layera. ovo isto moze da vazi i za #desnakol(ona), jer i ona pretapa (ipak imaju ista podesavanja).

Ja @ last.fm

Odgovor na temu

formeye
Ivan Čukić
KDE developer, Free Software Network
Serbia
BGD

Član broj: 5188
Poruke: 388
..burma-bg.customer.sbb.co.yu.

Sajt: ivan.fomentgroup.org

Profil

Re: CSS: problem u FF sa body>align:center (stvarno ne kontam...)

^{20.03.2006. u 07:12 - pre 220 meseci}

Code:
#levakol {
    float: left;
    width: 430px;
    height: 400px;
    top: 100px;
}

Zadajes mu visinu za #levakol - samim tim dobijas da FF i ostali normalni browseri iscrtavaju kako ti ne zelis. Kad iskljucis to height, sve ce raditi...

While you were hanging yourself on someone else's words
Dying to believe in what you heard
I was staring straight into the shining sun

Odgovor na temu