Problem sa layerima...

[ crowsoul @ 25.10.2006. 18:52 ] @

Pozdrav svima,
konkurisao sam za posao koji se sastoji od pretvaranja psd. filea u funkcionalnu XHTML W3 stranicu.
Bez tabela, samo layeri. Solidno znam CSS i HTML a i radio sam validacije pre ali problem je u tome što zadnjih 48 sati čitam manuele i već polako padam u nesvest od istih.
Pitanje glasi:
Da li se na blanko strani može napraviti Background layer velićine recimo 1024 x 768 i onda da se layeri koji idu u njega
referenciraju na isti? Da im on bude okvir prema kome se odnose? (kao tabela).
Ili pitam glupost...jednostavno ne znam kako da testiram "position:relative;" na rezoluciji recimo 1600 puta ne znam koliko kada imam 17 inčni monitor.
I da li samo iseckam psd.file i ubacim slike kao background u layere i to je to ili sam promasio nešto...
Mnogo hvala...

[ jablan @ 25.10.2006. 21:26 ] @

Ček malo, presaberi se i postavljaj pitanje po pitanje...

Citat:

crowsoul: Da li se na blanko strani može napraviti Background layer velićine recimo 1024 x 768 i onda da se layeri koji idu u njega referenciraju na isti? Da im on bude okvir prema kome se odnose? (kao tabela).

Možeš, ali kao prvo, nisam siguran da stvarno želiš da zakucaš širinu i visinu. Verovatnije je da ti treba 100%.
U tom slučaju kontejnerski div ti i ne treba, pošto je sama stranica kontejner u odnosu na koga se slažu deca.

Citat:

Ili pitam glupost...jednostavno ne znam kako da testiram "position:relative;" na rezoluciji recimo 1600 puta ne znam koliko kada imam 17 inčni monitor.

Moraš prvo da odlučiš da li imaš fiksnu širinu ili liquid layout. To ti obično dođe kao deo zahteva. Dizajneri po pravilu imaju veću rezoluciju nego onu za koju prave dizajn, tako da je obično smanjuju uz pomoć raznih alata i ekstenzija za brauzere.

Citat:

I da li samo iseckam psd.file i ubacim slike kao background u layere i to je to ili sam promasio nešto...

To je načelni princip, ali je bitno i da ti sadržaj sajta bude OK. Slike su deo posla, ostaje ono zbog čega se uglavnom i prave sajtovi - tekst (tipografija, formatiranje itd itd).

Sad udahni, izbroj do 10 i lagano izloži tačno kakav problem imaš sa pretvaranjem mockupa u layout.

[ crowsoul @ 25.10.2006. 21:32 ] @

Fala Brate,
ići ću korak po korak pa se ćujemo sutra,
radim od 09.30 ujutro na toj problematici pa ne želim da gubim tvoje vreme.
Hvala i ćujemo se trasu
p.s.
avion je do jaja

[ crowsoul @ 26.10.2006. 08:45 ] @

Malo sam se naspavao i shvatio da čovek stvarno ne bi trebao da postavlja pitanja a ne može na oči da gleda pa da vidi kakve gluposti piše...
Dakle vako:
Kako da postavim DIV layer širine recimo 600px da mi uvek i na ma kojoj rezoluciji on bude u sredini ekrana?
Kako bi glasio CSS za to?

[ goranvuc @ 26.10.2006. 08:55 ] @

Code:

.centrirani {
    /*kod za centiranje kod firefox-a i slicnih*/
    margin-left: auto;
    margin-right: auto;
    /*kod za centriranje kod IE*/
    text-align: center;
    /*sirina*/
    width: 600px;
}

[ crowsoul @ 26.10.2006. 08:58 ] @

Tanx,
ali pronašao sam nešto na
http://www.elitesecurity.org/t140873-Pozicioniranje-layera-DW
pa ću sada sve da testiram.
Pozdrav,

[ goranvuc @ 26.10.2006. 09:06 ] @

Ako si krenuo da se ozbiljnije bavis sa CSS-om vodi racuna da browseri razlicito renderuju isti CSS:
IE prihvata sirinu i visinu za SPAN, u slucaju da sadrzaj prelazi velicinu kontejnera IE automatski povecava kontejner, a FF ne ...

[ crowsoul @ 26.10.2006. 11:32 ] @

OK,
Tanx

[ glavince @ 27.10.2006. 10:44 ] @

ili ovako:

position:absolute;
left: 50%;
width: 600px;
margin-left: -300px;