colors
جمعه 19 فروردین 1390, 16:21 عصر
درود
دیوی که میخوای در وسط صفحه قرار بگیره رو یه آیدی بهش بده
<div id="pagecenter"> </div>
بعد توسط CSS باید بقیه کارهارو انجام بدی .
اول این کدهارو برای reset کردن مرورگرت به اول کدهای CSS اضافه کن
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
بعد کد زیرو برای دیوت به کدهای CSS اضافه کن
div#pagecenter { position:absolute; z-index:1; width:700px; height:500px; background:#232323; left:50%; top:50%; margin-top:-250px; margin-left:-350px}
توجه اگر سایز دیوت رو تغییر دادی باید مارجین هارو هم تغییر بدی
مثلا اگه width:1000px و height:500px باشه margin-top:-250 و margin-left:-500px
برای margin-left نصفه width منفی میدی --> width:200px --> margin-left:-100px
و برای margin-top نصفه height منفی میدی --> height:300px --> margin-top:-150px
موفق باشی