Dreamweaver-pitanje

[ duca.k @ 16.10.2007. 11:05 ] @

Grafičar sam, radim pripremu. Računam da je izrada web strana srodna disciplina, pa sam uz pomoć priručnika počeo da čačkam po Dreamwiever - u i zaglavio na glupom mestu: Layers.
Iskreirao sam stranu sa nekoliko layera. Test prikaz (Firefox, Opera, IE) je manje više sličan: neki neki layeri su nestali, jedan sa dna dođe na vrh strane. Potražio sam rešenje na netu ali ne nalazim gde je greška.
Poslednje što sam probao je slična strana sa nekoliko layouta (prosti obojeni elementi, bez ičeg ubačenog) - isti rezultat.

PC, XP
Dreamweaver 8

Code te strane:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Layout</title>
<link href="layout.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="Lay1"></div>
<div id="Lay2"></div>
<div id="Lay3"></div>
<div id="Lay4"></div>
</body>
</html>

layout.css:

#Lay1 {
position:absolute;
left:110px;
top:115px;
width:100px;
height:500;
z-index:1;
overflow: hidden;
background-color: #FF0000;
}
#Lay2 {
position:absolute;
left:260px;
top:115px;
width:250px;
height:101px;
z-index:2;
background-color: #FF0000;
overflow: hidden;
}
#Lay3 {
position:absolute;
left:260px;
top:265px;
width:250px;
height:350px;
z-index:3;
overflow: hidden;
background-color: #FFFF00;
}
#Lay4 {
position:absolute;
left:560px;
top:115px;
width:100px;
height:500px;
z-index:4;
overflow: hidden;
background-color: #00FFFF;
color: #00FFFF;
}

Ako neko ima ideju... biću zahvalan :)

_{[Ovu poruku je menjao duca.k dana 16.10.2007. u 18:07 GMT+1]}

[ kelja @ 16.10.2007. 12:12 ] @

Hajde posalji css kod, a i graficki prikaz kako bi trebalo da izgleda stranica... ovako ces tesko dobiti pomoc.

[ castralaus @ 05.11.2007. 09:44 ] @

Pređi na tabele,ostavi se layera.
Tabele su "stabilnije" i bolje podržane od svih browsera.Ispočetka se možda čini težim raditi sa tabelama,ali kad ih savladaš bolje je i sigurnije.

[ kelja @ 05.11.2007. 11:17 ] @

@castralaus,
i meni je to rekao onaj koji me je upucivao u web design pre 2-3 godine...
Ali, vec tada, tabele su bile ''prevazidjene''. Iskreno, i ja mislim da je lakse raditi sa tabelama, ali...
Eto, muka me je naterala, pa sam poceo da radim sa divovima, jbg, zahtevi modernog vremena.

Nego, evo zanimljivog linka:

http://www.decloak.com/Dev/CSSTables/CSS_Tables_01.aspx

Sad ces osetiti bes clanova ES-a, sam si trazio... ;-)

Pozdrav!

[ Mitrović Srđan @ 05.11.2007. 11:25 ] @

Tabele? WTF :)
Uz par retko kad potrebnih dirty hackova divovi su prava blagodet :)
Bas bas retko kad imam problema sa croos-browser podrskom istih,a u
principu sve se da brzo srediti. Rad sa tabelama je totalno nezgrapan
i meni je taj nacin :(

[ webex @ 05.11.2007. 12:36 ] @

Tabele, kako im sam naziv kaže, služe za tabelarni prikaz nekih podataka. Za web dizajn se upotrebljavaju layeri jer su za to i namenjeni. Znam, reći ćete, "ali mi smo naučili da radimo s tabelama". Međutim ako želite da se profesionalno bavite web dizajnom, morate poštovati standarde... znači tables out! divs in!

[ tandarela @ 05.11.2007. 13:27 ] @

@duca.k

Apsolutno pozicionirani layeri ovako postavljeni ne bi trebali da predstavljaju problem pri crossbrowser prikazu.
Ako u #Lay1 klasu staviš
height:500px;
umesto
height:500;
videćeš isti prikaz svuda ( bar u Opera 9, IE 6 i FF 2 ).

PS: Kao što vidiš tabele nisu potrebne.

Pozdrav

[ duca.k @ 05.11.2007. 17:41 ] @

@tandarela

Imaš oštro oko

Da, problem je bio u "px"...

Hvala

[ castralaus @ 07.11.2007. 13:29 ] @

Dao sam kolegi savjet da upotrebljava ispočetka tabele (sa upotrebom css-a) obzirom da je početnik.
"Prvo moraš puzati da bi znao hodati".Kasnije će ionako raditi po potrebi i volji.