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

[ jackofblades @ 14.03.2006. 22:55 ] @

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

[ formeye @ 16.03.2006. 10:01 ] @

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?

[ jackofblades @ 16.03.2006. 12:41 ] @

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

[ formeye @ 16.03.2006. 20:14 ] @

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 :) )

[ jackofblades @ 16.03.2006. 22:14 ] @

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

[ formeye @ 16.03.2006. 22:41 ] @

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

[ jackofblades @ 17.03.2006. 13:06 ] @

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

[ formeye @ 20.03.2006. 07:12 ] @

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

[ jackofblades @ 26.03.2006. 20:29 ] @

hvala formeye (uz zakasnjenje)

pozdrav