View Full Version : سوال: مشکل در طراحی با Div
زینب فاطمی
شنبه 06 اسفند 1390, 15:11 عصر
سلام
من سایتی را با دایو طراحی کردم ولی 2تا مشکل دارم .
1. وقتی در مرورگرهای متفاوت بازش می کنم مثلا در فایرفاکس درسته ولی در اکسپلور چند پیکسل همه اجزای صفحه بهم می ریزه ویا در اکسپلور ورژن 6 نسبت به 8 کلی جابه جا نشون میده . چیکارکنم ثابت بشه ؟
2. وقتی از حالت minimize به maximize می برم همه اجزا بهم می ریزه ووقتی برمیگردونم درست میشه .
3. ارتفاع دایو را میخواهم متغیر قرار بدم . دایوها تودرتو هستند و برای اینکار height را min-height کردم و overflow:hidden ولی انگار نه انگار !
با اینکه دایو شناور هست و ازبسیاری جهات مقدم بر جدول ولی موارد بالا خیلی عذاب آور هست .:گریه::گریه::گریه:
khanlo.javid
شنبه 06 اسفند 1390, 15:46 عصر
با سلام
دوست عزیز شما برای اینکه بخوایید صفحتون کاملا مطابق با صفحه کاربر کار کنه اولا عرض صفحتونو 100% بدید و دوما تو تگ های دایو هم سعی کنید اصلا ارتفاع منظور نکنید تا ارتفاع بهم نخوره سوما margin صفحتون رو هم رو auto تنظیم کنید.
موفق باشید.
buggen
شنبه 06 اسفند 1390, 16:48 عصر
سلام
اگه امکانش هست کدتون رو بذارید تا بشه بهتر کمکتون کرد
davood59
شنبه 06 اسفند 1390, 19:13 عصر
خانم فاطمی؛
کلاً IE بلای جون css کارهاست؛ اگه طراحی شما در فایرفاکس و کروم درست و همونی هست که مد نظر شماست، میتونید یه فایل css دیگه درست کرده و با یک شرط چک کنید که اگه طرف داره از مرورگر IE استفاده میکنه اونوقت طبق اون فایل طراحی رو نشون بده، شاید اینجوری راحتتر باشه.
سميه اميني
شنبه 06 اسفند 1390, 19:39 عصر
ای بابا
همه از این آی ای مینالن
تازه هر ورژن ش هم یه سازی می زنه
زینب فاطمی
شنبه 06 اسفند 1390, 22:00 عصر
سلام
من ارتفاع رو برداشتم ولی همون قسمت پرید ! نمیشه ارتفاع نداد .
متشکرم.
زینب فاطمی
شنبه 06 اسفند 1390, 22:03 عصر
سلام
فایل css ام زیاده نمشه برای هرمرورگری اینکار رو کرد . جالب نیست.
متضکرم.
Saber Mogaddas
یک شنبه 07 اسفند 1390, 09:24 صبح
سلام
اولی فکنم با css reset حل شه..
دومی..خوب شما با درصد طول و عرض دادید و این عادی هست..
برای سومی فایل رو بذارید تا چک کنم..
موفق باشی..
زینب فاطمی
یک شنبه 07 اسفند 1390, 14:26 عصر
سلام
درباره مورد اولی میشه بیشتر توضیح بدید .برای دومی راهکارچیه . من دایو ها را به این صورت درآوردم این کد مربوط به html :
<div id="m1" ></div><div id="m19"></div><div id="m24">
<form id="m13" name="form1" method="post" action="insert_news.php">
<table width="45%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#999999">
<tr bgcolor="#00CC00" align="center">
<td >عنوان خبر </td>
<td> </td>
<td> </td>
</tr>
<?php while($row1= mysql_fetch_array($result)){
?>
<tr align="center">
<td width="34%"><?php echo $row1['title_news']; ?></td>
<td width="31%"><a href="delete_news.php?id=<?php echo $row1['id']; ?>">حذف</a></td>
<td width="31%"><a href="fedit_news.php?id=<?php echo $row1['id']; ?>">ویرایش</a></td>
</tr>
<?php };?>
</table>
</form> <div id="m34" >
<div align="left"><a href="form_news.php?id=<?php echo $row1['id']; ?>">درج خبر</a></div>
</div></div>
این هم css :
#m1{ background:#B0E49E ; margin-left:257px; margin-right:257px ; width:830px; min-height:500px; margin-top:-44px; overflow:hidden}
#m19{background: #FFFFFF ; margin-left:320px; margin-top:-400px; width:697px; height:380px}
#m24{background: #FFFFFF ; margin-left:333px;border:double; border-color:#006600; margin-top:-370px; width:670px; height:350px}
#m13{ margin-left:120px; margin-top:50px; width:500px; min-height:100px ; overflow:hidden}
متشکرم.
Saber Mogaddas
دوشنبه 08 اسفند 1390, 11:23 صبح
سلام
css reset یعنی مقدار پیش فرض element ها رو تعیین کردن ..تو گوگل جستجو کنید بی نهایت مقاله می تونید پیدا کنید در این مورد..
برای ومی هم می تونید برای عرض با px مقدار دهی کنید و مشکلتون حل شه..
بزرگترین مشکل شما هم اینه که بجای دیو از table استفاده کردید..
موفق باشی..
vBulletin® v4.2.5, Copyright ©2000-1404, Jelsoft Enterprises Ltd.