السلام عليكم
أعمل في مشروع تصميمي و كل الأمور على الفاير فوكس كانت جيدة و لكن عندما أضفت صورة ظهر خلل في التموضع علماً أنها كانت متموضعة بشكل صحيح و لكن فجائة ظهر الخطأ عندما قمت بإعادة تحميل الصفحة و هذا الكود التصميم فأين المشكلة . و التصميم في الغول كروم صحيح و لكن مختلف في الفابرفوكس(أعلم أنها هناك اختلاف بينهما من حيث البرمجة و لكن هذه ليس مشكلة توافقية)
للملاحظة: المشكلة في تموضع كلاً من somalia-map و rounded-left و rounded-right مع العلم أن التصميم في أعلى يسار الصفحة .
<style>
iframe{
width:340px;
height:323px;
position: absolute;
top:52px;
left:15px;
border-radius: 15px;
padding:9;
}
#glow
{
position: absolute;
top:60px;
left:10px;
z-index:2;
margin:0;
padding:0;
}
#header
{
position: absolute;
top:0 px;
left:10 px;
height:50px;
width:619px;
background:url('header.png') repeat-x;
z-index:1;
color:white;
font-size:25px;
padding:5px;
text-align:center;
font-style:bold;
}
</style>
</head>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000">
<div id="header" ><b>أنقذوا الصومال</b></div>
<img src="somalia-map.png" style= " position: absolute; top:70 px; left:380 px;z-index:1; "></img>
<img src="bg.png" style= " position: absolute; top:0px; left:10 px; z-index:0; "></img>
<!-- COPY THIS CODE TO PASTE INTO ANY HTML PAGE -->
<div id="glow"><img src="scrollbg-g.png" /></div>
<iframe src="news_win.htm" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" ></iframe>
<img src="rounded-right.png" style= " position: absolute; top:60px; left:360 px; z-index:0; "></img>
<img src="rounded-left.png" style= " position: absolute; top:60px; left:10 px; z-index:0; "></img>
<!-- END CODE -->
