مشكلة تصميم المواقع مع ال firefox الرجاء المساعدة

[عافور]

السلام عيلكم ورحمة الله وبركاته

طبعا التصميم النظيف لازم يكون على اصوله ومتوافق مع الستاندرد حلو كنا متعودين على الاكسبلولر في التصميم وكل شي زي الحلاوة بس لما الناس بدأت تتجه الان للفيرفوكس وهو يعتمد على الستاندرد في الستايل شيت و و

بالنسبة لتصميم اي بلوك في الموقع عادة ما يكون له هيدر راس و جسم و فوووتر

وعادة ارسمهم بالفوتوشوب وبعدين اقصصهم الى ثلاث صور

هيد و منتصف وفوتر

بالفرونت بيج اسوي جدول من ثلاث صفوف

الاول الهيدر


الثاني تكون الخلفية للصف صورة المنتصف لتتكرر (( وهنا المشكلة غالبا مع الفيرفوكس ))


الثالث الفوتر

العرض طبيعي مع الاكسبلولر في كل شي ما عدا لما اكرر صورة في الخلفية يختلف الوضع والتأطير

وهذا مثال

الرجاء المساعدة

[الإمبراطور وحيد]

هلا اخي
الخلية في النص

خليها 100% العرض

<td width="100%">

جرب ولك تحياتي

[عافور]

تسلم على المساعدة يا الحبيب حاولت نفس الشي

[عافور]

<div align="center">
	<table border="0" width="450" id="table1" cellspacing="0" cellpadding="0" style="position: relative">
		<tr>
			<td>
				<img src="<{$xoops_imageurl}>images/<{$block.title}>.gif" align="right"></td>
		</tr>
		<tr>
			<td background="<{$xoops_imageurl}>images/med-center-block.gif" width="100%">
			<p align="center"><{$block.content}></p>
			<p align="center">&nbsp;</td>
		</tr>
		<tr>
			<td>
			<img border="0" src="<{$xoops_imageurl}>images/buttom-center-block.gif" width="450" height="6"></td>
		</tr>
	</table>
</div>

[الإمبراطور وحيد]

ارفق

images/med-center-block.gif

اشوفها

لو عندك مثال لها على النت تسهل المعاينة

[ABo.AzAzI]

وعليكم السلام ورحمة الله وبركاته ...
جرّب:

<div align="center">
	<table border="0" width="450" cellspacing="0" cellpadding="0" style="position: relative">
		<tr>
			<td>
				<img border="0"  alt="" src="<{$xoops_imageurl}>images/<{$block.title}>.gif" align="right"></td>
		</tr>
		<tr>
			<td background="<{$xoops_imageurl}>images/med-center-block.gif" width="100%" align="center">
			<{$block.content}>
			</td>
		</tr>
		<tr>
			<td>
			<img border="0" alt="" src="<{$xoops_imageurl}>images/buttom-center-block.gif" width="450" height="6"></td>
		</tr>
	</table>
</div>

[عافور]

ارفق

images/med-center-block.gif

اشوفها

لو عندك مثال لها على النت تسهل المعاينة

تسلم يالغالي شغال على اللوكال بس راح احاول اصعد المجلة كاملة تشوفها

هذي الصورة

لاحظت شغلة وهي حطيت اطار على الجدول الخارجي شفت انه في الاكسبلولر كل شي تمام اما في الفيرفوكس الجدول في ازاحة 8 بيكسل على اليسار ما ادري ليش شوف الصورة

سويت لي حل على قولتهم dirty وهو اني زدت الصورة 8 بيكسل بياض زيادة وضبط الحال مع الاثنين بس ما ادري ليش صراحة احس في حل ارتب من هيك

[عافور]

وعليكم السلام ورحمة الله وبركاته ...
جرّب:

<div align="center">
	<table border="0" width="450" cellspacing="0" cellpadding="0" style="position: relative">
		<tr>
			<td>
				<img border="0"  alt="" src="<{$xoops_imageurl}>images/<{$block.title}>.gif" align="right"></td>
		</tr>
		<tr>
			<td background="<{$xoops_imageurl}>images/med-center-block.gif" width="100%" align="center">
			<{$block.content}>
			</td>
		</tr>
		<tr>
			<td>
			<img border="0" alt="" src="<{$xoops_imageurl}>images/buttom-center-block.gif" width="450" height="6"></td>
		</tr>
	</table>
</div>

تسلم يا الغالي على المساعدة بس الى الان في الاثنين صار في ازاحة

[عافور]

هل في طريقة اني اكنسل الستايل شيت انا فرضت عليه كل شي من الكود بس ما ادري ليش الى الان يؤثر فيه الستايل شيت

هذا كود الاستايل

td#centercolumn {font-size: 12px;}

td#centercolumn {width : 450px ; background-color: #ffffff; color: #000000; vertical-align: top;}
td#centerCcolumn {padding: 0px 3px 1px 3px;}
td#centerCcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px; margin-right: 0px;  margin-left: 0px;}
td#centerCcolumn div.blockContent {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-right: 0px;  margin-left: 0px; margin-bottom: 2px; line-height: 120%;}

[Dezo]

<div align="center">
	<table border="0" width="450" id="table1" cellspacing="0" cellpadding="0" style="position: relative">
		<tr>
			<td>
				<img src="<{$xoops_imageurl}>images/<{$block.title}>.gif" align="right"></td>
		</tr>
		<tr>
			<td background="<{$xoops_imageurl}>images/med-center-block.gif" width="100%">
			<p align="center"><{$block.content}></p>
			<p align="center">&nbsp;</td>
		</tr>
		<tr>
			<td>
			<img border="0" src="<{$xoops_imageurl}>images/buttom-center-block.gif" width="450" height="6"></td>
		</tr>
	</table>
</div>

مجرد مشاركة لا اكثر

هل جربت انت تضع بدال ماتكون 100% هنا الى 450

هذا الكود القديم

<td background="<{$xoops_imageurl}>images/med-center-block.gif" width="100%"> 

لتكون هكذا

<td background="<{$xoops_imageurl}>images/med-center-block.gif" width="450"> 

اذا كانت نفعت معك
هذا لان الفاير فوكس مايقر الجداول بنفس طريقة الاكسبلورر لازم تحدد لكل جدول عرض وطول او لكل خانة عرض وطول مناسبين وبكذا تنتهي معك المشكلة

لكن مشكلة الستايل شيت .. الى الان مو عارف حلها



رد بعد ثلاث ساعات :
لقيت شرح لتضبيط الحدود للفاير : http://www.swalif.net/softs/showthread.php?t=163284

[عافور]

جزاكم الله خير سامحوني على الرد المتأخر بسبب وفاة جدي رحمة الله عليه ان شاء الله راح اجرب الطريقة وارجع لكم قريبا

[الإمبراطور وحيد]

عظم الله أجربك اخوي عافور

موفق ان شاء الله