واضح آرشیو وب فارسی:سایت ریسک: View Full Version : مشکل در mozilla nibble28-03-2009, 10:38 PMسلام به همه ی دوستان و سال نو مبارک من به چند تا مشکل در mozilla برخوردم اول از همه اینکه من یه div کوچک قرار دادم که background اون یه عکس هست این div در IS نمایش داده می شه اما در mozilla اصلا نمایش داده نمی شه اما اگر قبل از این div چندتا <br> استفاده کنم نمایش داده می شه که در این صورت در IE مشکل پیدا می شه clear=both قرار دادم اما مشکلم حل نشد دوم اینکه padding & margin هایی که استفاده می کنم در mozilla اصلا کار نمی کنن سوم : background های بعضی قسمت ها نمایش داده نمی شن من تا حالا به این مشکل ها بر نخورده بودم please کمک کنید MAXXX29-03-2009, 01:37 AMشما باید کدتو بزاری تا بشه مشکلو فهمید از رویه هموا که نمیشه نظر داد nibble29-03-2009, 02:17 PMخوب ببخشید اینم کدش البته کدش یکم طولانیه (هرچند سعی کردم قسمت هایی رو حذف کنم) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <style> body{ margin:0; font-size:12px; font-family:tahoma, arial; direction:rtl; } #div_main{ margin:auto; width:800px; } #div_header{ width:800px; margin-bottom:10px; } #div_header #div_menu{ height:20px; } #div_header #div_menu ul{ list-style:none; display:inline; } #div_header #div_menu ul li{ display:inline; padding:0px 15px; } #div_header #div_main_menu{ clear:both; height:30px; background:url(../image/main_menu.gif) top no-repeat; } #div_header #div_main_menu ul{ list-style:none; display:inline; } #div_header #div_main_menu ul li{ display:inline; padding:0px 15px; } #div_header .div_detail{ height:30px; float:left; } #div_header .banner{ height:110px; width:800px; } #div_content_top{ float:left; width:650px; height:25px; background-image:url(../image/content_top.gif); } #div_content_bottom{ float:left; width:650px; height:25px; background-image:url(../image/content_bottom.gif); } #div_body{ width:800px; clear:both; background-color:#CCCCCC; } #div_content{ float:left; width:648px; height:auto; border-right:1px solid #99cc33; border-left:1px solid #99cc33; text-indent:20px; } #div_right{ width:140px; float:right; margin-left:7px; } #div_footer{ margin-top:20px; clear:both; height:20px; text-align:center; font-size:10px; } #div_footer ul{ list-style:none; } #div_footer ul li{ display:inline; padding:0px 10px; border-left:1px solid #000000; } </style> </head> <body> <div id="div_main"> <div id="div_header"> <div id="div_menu"> <ul> <li><a href="index.php">صفحه ی اصلی </a></li> <li><a href="tour.php">تورهای گردشگری</a></li> <li><a href="show_register_tour.php">ثبت نام در تور</a></li> <li><a href="gallery.php">گالری</a></li> <li><a href="index.php">نتایج قرعه کشی</a></li> <li><a href="index.php">مدیریت</a></li> </ul> </div><!--div_menu --> <div class="div_detail"> <form action="../search.php" method="post"> <label>جستجو</label> <input name="key" type="text" size="10" /> <input name="search" type="image" src="image/b_search.png" /> </form> </div><!--div_detail --> <div class="banner"> <object classid="clsid:D 27CDB 6E-AE6D-11cf-96B 8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="800" height="110"> <param name="movie" value="image/banner1.swf" /> <param name="quality" value="high" /> <embed src="image/banner1.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="110"></embed> </object> </div><!--div_banner --> <br /><br /><br /> <div id="div_main_menu"> <ul> <li>1</li> <li>2</li> <li>2</li> <li>2</li> <li>2</li> </ul> </div><!--div_main_menu --> </div><!--div_header --> <div id="div_body"> <div id="div_right"> <img src="image/10.jpeg" width="100px" height="100px"/> </div> <div id="div_content_top"></div> <div id="div_content"> <p>س</p> <p>س</p> <p>س</p> <p> </p> </div> <div id="div_content_bottom"></div> </div> <div id="div_footer"> <ul> <li><a href="../index.php">صفحه ی اصلی </a></li> <li><a href="../index.php">تورهای گردشگری</a></li> <li><a href="../index.php">ثبت نام در تور</a></li> <li><a href="../index.php">گالری</a></li> <li><a href="../index.php">نتایج قرعه کشی</a></li> <li><a href="../index.php">مدیریت</a></li> </ul> </div> </div> </body> </html> مثلا رنگ background مربوط به div_body در mozilla نشون داده نمی شه padding مربوط به منوها در قسمت footer و header در mozilla رعایت نشدن اگر چندتا <br> قبل از main_menu رو برداریم دیگه نشون داده نمی شه MAXXX29-03-2009, 04:46 PMراستش من طراحی استاتیک رو همینطوری با آزمون و خطا یاد گرفتم و درست نمیتونم برات توضیح بدم این چه مرگشه ولی دلیلش این div هایه تو در توییه که ریختی داخل همدیگه من نمیدونم تو چی طراحی میکنی ولی اگه تویه یه نرم افزار مثل دریم ویور نگاه کنی میبینی که div_body جمع شده و رفته پشت دیو هایه درونیش ! شما 200 تا height بده به div_body تا بفهمی منظورم چیه و پیدا بشه بقیشم الان باید برم جایی وقت ندارم نگا کنم سرفرصت نگا میکنم فقط بگو تو چی طراحی میکنی nibble29-03-2009, 10:14 PMسلام همونجور که گفتم خیلی از کدها رو برای کم کردنشون حذف کردم و برای قسمت های دیگه مجبورم که اینقدر div داشته باشم nibble29-03-2009, 10:52 PMمن توی dreamweaver طراحی می کنم من تمام دیوهای right و content رو در body قرار دادم و طبق منطق من توی mozilla هم مقل IE باید اندازاه ارتفاع div با اندازه div هایی که درونش هستن تغییر کنه اما خوب اینجوری نمی شه نمی دونم چرا در مورد main_menu اگر هم به اون height بدم نشون داده می شه ولی محتویاتش همچنان نشون داده نمی شن MAXXX30-03-2009, 12:58 AMخب شما که تویه دریم طراحی میکنه وقتی دوتا div ریختی تو هم دیدی به خورد باید سعی کنی مشکلش رو حل کنی نه اینکه ادامه 4 تا div دیگه هم بریزی توش دلیل اینکه پدینگ نمیگیره همین div ها هستن به دلیل تداخل پدینگ ها پیش میاد در ضمن اگه تویه شما دقیقا مثال بزن چه چیزی رو میخای پدینگ بدی و نمیگیره دیگه چشم و چال ما در نیاد در مورد مرورگر ها باید بگم وقتی یه چیزی میسازی و بهش مقدار مثلا طول و عرض نمیدی هر مرورگری یه مقدار default ممکنه بهش میده که تویه مرورگر هایه مختلف با هم فرق میکنن همین خیلی وقتا باعث میشه که این مشکلات بوجود بیاد خوده دریم ویور یه سری قالب هایه ساده ( همون هدر و فوتر و یکی دوتا ساید بار ) داره میتونی رو یکی از اونا کار کنی حد اقل مطمئن هستن nibble30-03-2009, 12:00 PMمن قبلا هم این کارها رو انجام دادم ولی هیچ وقت مشکل اینجوری نداشتم سایت ما را در گوگل محبوب کنید با کلیک روی دکمه ای که در سمت چپ این منو با عنوان +1 قرار داده شده شما به این سایت مهر تأیید میزنید و به دوستانتان در صفحه جستجوی گوگل دیدن این سایت را پیشنهاد میکنید که این امر خود باعث افزایش رتبه سایت در گوگل میشود
این صفحه را در گوگل محبوب کنید
[ارسال شده از: سایت ریسک]
[مشاهده در: www.ri3k.eu]
[تعداد بازديد از اين مطلب: 566]