Divler beni Batırdı :(

Arkadaşlar site yapıyorum hem seo hemde kolaylık açısından div kullanayım dedim 1152x864 ekran çözünürlüğünde yaptım tam oturdu ekrana süper oldu sonra arkadaşım bilgisayarıda 1280x1024 bir baktım rezillik iğren herşey ufacık ne yapmam lazım yüksek ekran çözünürlüğünde baştanmı yapayım ?

Tavsiyem hala en çok kullanılan çözünürlük olan (web sitelerimin istatistiklerine bakarak yorumluyorum) 1024*768'e uygun yapın sitenizi. Ayrıca bir başka yöntem olarak kullanıcının kullandığı browser tipini ve ekran çözünürlüğünü algılayıp ona göre bir css dosyasına yönlendirecek türde bir script kullanabilirsiniz.

peki mesela <table> larda % koyunca böyle sorun olmuyordu <div> de % yokmu

Div'de % olayı yok yanılmıyorsam. Ancak çözünürlüğe göre ayrı css dosyalarına yönlendirme çözümü kullanılıyor çok yerde.

% olayı olmaz olur mu.

div#table { width: 960px; } veya div#table { width: 75%; } hatta div#table{ width: 4em; } gibi. Tavsiyem şimdik % lerle oturtmaya çalış. "em" olayına daha sonra girersin.

öyle yaptım ben olmadı bak vereyim divlerin css sini

#Layer1 {
	position:absolute;
	left:86px;
	top:56px;
	width:144px;
	height:89px;
	z-index:1;
	background-image: url(filfilter.gif);
}
#Layer2 {
	position:absolute;
	left:339px;
	top:50px;
	width:285px;
	height:73px;
	z-index:2;
}
#Layer3 {
	position:absolute;
	left:299px;
	top:89px;
	width:216px;
	height:39px;
	z-index:3;
}
#Layer4 {
	position:absolute;
	left:684px;
	top:61px;
	width:180px;
	height:123px;
	z-index:3;
}
#Layer5 {
	position:absolute;
	left:27px;
	top:204px;
	width:823px;
	height:32px;
	z-index:4;
}
#Layer6 {
	position:absolute;
	left:65px;
	top:213px;
	width:101px;
	height:21px;
	z-index:4;
}
#Layer7 {
	position:absolute;
	left:335px;
	top:213px;
	width:101px;
	height:21px;
	z-index:5;
}
#Layer8 {
	position:absolute;
	left:651px;
	top:213px;
	width:110px;
	height:23px;
	z-index:6;
}
#Layer9 {
	position:absolute;
	left:220px;
	top:261px;
	width:436px;
	height:297px;
	z-index:7;
	background-image: url(alt_alan1.jpg);
}
#Layer10 {
	position:absolute;
	left:145px;
	top:269px;
	width:538px;
	height:391px;
	z-index:7;
	background-image: url(sagbg2.gif);
}
#Layer11 {
	position:absolute;
	left:488px;
	top:390px;
	width:393px;
	height:303px;
	z-index:7;
	background-image: url(sagbg3.gif);
}
#Layer12 {
	position:absolute;
	left:24px;
	top:384px;
	width:319px;
	height:295px;
	z-index:8;
	background-image: url(solbg.gif);
	overflow: visible;
}
#Layer13 {
	position:absolute;
	left:215px;
	top:236px;
	width:417px;
	height:282px;
	z-index:9;
	background-image: url(alt_alan2.jpg);
}
.style4 {color: #EBE9ED}
#Layer14 {
	position:absolute;
	left:905px;
	top:15px;
	width:206px;
	height:696px;
	z-index:10;
	background-image: url(filterbg.gif);
}
#Layer15 {
	position:absolute;
	left:53px;
	top:258px;
	width:193px;
	height:160px;
	z-index:11;
}

bunu nasıl entegre ederim % ile

merhabalar şu an bu css koduna göre 1280x768 de dreamweaver da epey karışık çıktı Eğer table'li olarak örnek gösterirseniz. %100 Divli olarak yapabilirim.1024x768 e göre 1000 px yatay maks, Layer14 işi bozuyor bu arada....

bende bu bilgisayarda bakamadımki dreamweaver ile kurmaya çalışıyorum uygulamayı kapayın diyor ama uygulamanın adı yok açık bişeyde yok terslik üstüne terslik ya