درود دوستان. بنده یه صفحه ساختم با div و css که حالا میخوام دیو اصلی که همه ی دیوهای دیگه درش قرار داره در وسط صفحه قرار بگیره اما هرکاری کردم نشد.نمیخوام بزنم از بغل فلان فاصله رو داشتهباشه چون فکر کنم اینطوری توی نمایشگرهای مختلف مشکل ایجاد کنه. میخوام هرکس با هر رزولیشنی به این صفحه سر زد صفحه رو کاملا وسط ببینه.
این هم کد کاملش از css گرفته تا خود دیوها
[PHPS]
<style type="text/css">
<!--
#Table_01 {
position:absolute;
left:0px;
top:0px;
width:955px;
height:600px;
}
#id001-head_ {
position:absolute;
left:0px;
top:0px;
width:955px;
height:20px;
}
#id02-left_ {
position:absolute;
left:0px;
top:20px;
width:50px;
height:550px;
}
#id03-logo_ {
position:absolute;
left:50px;
top:20px;
width:125px;
height:125px;
}
#index-04_ {
position:absolute;
left:175px;
top:20px;
width:635px;
height:550px;
}
#not05_ {
position:absolute;
left:810px;
top:20px;
width:95px;
height:240px;
}
#id06-right_ {
position:absolute;
left:905px;
top:20px;
width:50px;
height:550px;
}
#index-07_ {
position:absolute;
left:50px;
top:145px;
width:125px;
height:115px;
}
#English-butoon_ {
position:absolute;
left:50px;
top:260px;
width:125px;
height:55px;
}
#parsi_ {
position:absolute;
left:810px;
top:260px;
width:95px;
height:78px;
}
#not-10_ {
position:absolute;
left:50px;
top:315px;
width:125px;
height:255px;
}
#not-11_ {
position:absolute;
left:810px;
top:338px;
width:95px;
height:232px;
}
#footer_ {
position:absolute;
left:0px;
top:570px;
width:955px;
height:30px;
}
-->
</style>
<!-- End Save for Web Styles -->
</head>
<body style="background-color:#000000;">
<!-- Save for Web Slices (index.psd) -->
<div id="Table_01">
<div id="id001-head_">
<img id="id001_head" src="images/001_head.png" width="955" height="20" alt="" />
</div>
<div id="id02-left_">
<img id="id02_left" src="images/02_left.png" width="50" height="550" alt="" />
</div>
<div id="id03-logo_">
<img id="id03_logo" src="images/03_logo.png" width="125" height="125" alt="" />
</div>
<div id="index-04_">
<img id="index_04" src="images/index_04.png" width="635" height="550" alt="" />
</div>
<div id="not05_">
<img id="not05" src="images/not05.png" width="95" height="240" alt="" />
</div>
<div id="id06-right_">
<img id="id06_right" src="images/06_right.png" width="50" height="550" alt="" />
</div>
<div id="index-07_">
<img id="index_07" src="images/index_07.png" width="125" height="115" alt="" />
</div>
<div id="English-butoon_">
<img id="English_butoon" src="images/English_butoon.png" width="125" height="55" alt="" />
</div>
<div id="parsi_">
<img id="parsi" src="images/parsi.png" width="95" height="78" alt="" />
</div>
<div id="not-10_">
<img id="not_10" src="images/not_10.png" width="125" height="255" alt="" />
</div>
<div id="not-11_">
<img id="not_11" src="images/not_11.png" width="95" height="232" alt="" />
</div>
<div id="footer_">
<img id="footer" src="images/footer.png" width="955" height="30" alt="" />
</div>
</div>
</body>
[/PHPS]
این هم کد کاملش از css گرفته تا خود دیوها
[PHPS]
<style type="text/css">
<!--
#Table_01 {
position:absolute;
left:0px;
top:0px;
width:955px;
height:600px;
}
#id001-head_ {
position:absolute;
left:0px;
top:0px;
width:955px;
height:20px;
}
#id02-left_ {
position:absolute;
left:0px;
top:20px;
width:50px;
height:550px;
}
#id03-logo_ {
position:absolute;
left:50px;
top:20px;
width:125px;
height:125px;
}
#index-04_ {
position:absolute;
left:175px;
top:20px;
width:635px;
height:550px;
}
#not05_ {
position:absolute;
left:810px;
top:20px;
width:95px;
height:240px;
}
#id06-right_ {
position:absolute;
left:905px;
top:20px;
width:50px;
height:550px;
}
#index-07_ {
position:absolute;
left:50px;
top:145px;
width:125px;
height:115px;
}
#English-butoon_ {
position:absolute;
left:50px;
top:260px;
width:125px;
height:55px;
}
#parsi_ {
position:absolute;
left:810px;
top:260px;
width:95px;
height:78px;
}
#not-10_ {
position:absolute;
left:50px;
top:315px;
width:125px;
height:255px;
}
#not-11_ {
position:absolute;
left:810px;
top:338px;
width:95px;
height:232px;
}
#footer_ {
position:absolute;
left:0px;
top:570px;
width:955px;
height:30px;
}
-->
</style>
<!-- End Save for Web Styles -->
</head>
<body style="background-color:#000000;">
<!-- Save for Web Slices (index.psd) -->
<div id="Table_01">
<div id="id001-head_">
<img id="id001_head" src="images/001_head.png" width="955" height="20" alt="" />
</div>
<div id="id02-left_">
<img id="id02_left" src="images/02_left.png" width="50" height="550" alt="" />
</div>
<div id="id03-logo_">
<img id="id03_logo" src="images/03_logo.png" width="125" height="125" alt="" />
</div>
<div id="index-04_">
<img id="index_04" src="images/index_04.png" width="635" height="550" alt="" />
</div>
<div id="not05_">
<img id="not05" src="images/not05.png" width="95" height="240" alt="" />
</div>
<div id="id06-right_">
<img id="id06_right" src="images/06_right.png" width="50" height="550" alt="" />
</div>
<div id="index-07_">
<img id="index_07" src="images/index_07.png" width="125" height="115" alt="" />
</div>
<div id="English-butoon_">
<img id="English_butoon" src="images/English_butoon.png" width="125" height="55" alt="" />
</div>
<div id="parsi_">
<img id="parsi" src="images/parsi.png" width="95" height="78" alt="" />
</div>
<div id="not-10_">
<img id="not_10" src="images/not_10.png" width="125" height="255" alt="" />
</div>
<div id="not-11_">
<img id="not_11" src="images/not_11.png" width="95" height="232" alt="" />
</div>
<div id="footer_">
<img id="footer" src="images/footer.png" width="955" height="30" alt="" />
</div>
</div>
</body>
[/PHPS]
