PDA

View Full Version : سوال: درباره DIV


زینب فاطمی
دوشنبه 08 فروردین 1390, 16:09 عصر
باسلام
من یک سایت با DIV طراحی کردم ولی وقتی اندازه مرورگرتغییرمی کند صفحه کلش بهم می ریزد دلیلش چیه؟درصورتی که باجدول چنین مشکلی پیش نمیاید.
colors
دوشنبه 08 فروردین 1390, 17:29 عصر
درود

لطفا کدهای خود را قرار دهید تا بررسی کنیم دلایل فروانی داره
alibabaei2
دوشنبه 08 فروردین 1390, 18:03 عصر
دلایل زیادی می تونه داشته باشه.
اما این کد رو در ابتدای css بگذارید تا مقادیر پیش فرض مرورگرها رو reset کند شاید درست بشه
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;
}


:focus {
outline: 0;
}


ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}


table {
border-collapse: collapse;
border-spacing: 0;
}
Javad.Kashi
دوشنبه 08 فروردین 1390, 18:23 عصر
سلام
یکی از مهمترین علت ها ، می تواند استفاده کردن از درصد % در اندازه های عرض و ارتفاع باشد.که به جای آن می توانید از مقادیر ثابت مانند px استفاده نمایید.

یا علی
colors
دوشنبه 08 فروردین 1390, 22:07 عصر
همگی اینها دلایلی هستند که میتواند طراحی شما را خراب کند حتی position ها هم تعثیر داردند و ... . کدهارو بدید درست میشه
زینب فاطمی
پنج شنبه 11 فروردین 1390, 16:05 عصر
باسلام

<body>
<div align="center"><img src="../psd/meshkat/s5/s1/ap.jpg" /></div>
<div id="m1" ><div id="m3"></div><div id="m4"> <img src="../psd/meshkat/s5/s1/porsesh.jpg" /></div> <div id="m5"> </div></div>
</body>
این هم css

#m1{ background:#B0E49E ; margin-left:257px; margin-right:257px ; width:830px; height:394px}
#m3{background: #FFFFFF ; margin-left:140px; margin-right:257px ; margin-top:55px; width:680px; height:120px}
#m4{margin-left:647px; margin-right:257px ; margin-top:-144px}
#m5{background: #FFFFFF ; margin-left:140px; margin-right:257px ; margin-top:160px; width:680px; height:150px}
body
{
margin: 0;
padding: 0;
}
#container { overflow: hidden; }
#container div { float: left; width: -15px; margin-bottom: -6000px; padding-bottom: 6000px; background:#FFFFFF}
زینب فاطمی
پنج شنبه 11 فروردین 1390, 16:07 عصر
باسلام
من ازپیکسل استفاده می کنم.
azaditafakor
جمعه 12 فروردین 1390, 02:53 صبح
در اولین قدم شما برای وسط نگه داشتن کادر ها باید از margin اتوماتیک استفاده کنید
azaditafakor
جمعه 12 فروردین 1390, 03:02 صبح
یه کم من اینو عوض کردم شما با توجه به نیازتون تغییر بدید شاید بهتر بشه . اگه صفحه رو کامل و با اندازه عکسها قرار میدادید شاید بیشتر می شد کمک کرد

#m1{background-color:#B0E49E;margin:auto;width:830px;height:394px ;}
#m3{background-color:#FFFFFF;margin:55px auto;width:680px;height:120px;}
#m4{margin:-144px auto;}
#m5{background-color:#FFFFFF;margin:160px auto;width:680px;height:150px}
#container{overflow:hidden;}
#container div{background-color:#FFFFFF;float:left;width:-15px;}