العائمة بعيدا جدا صحيح

Question

لدي سجل إدارة تطبيق ويب الذي يعرض السجلات الرئيسية على شاشة واحدة و AJAXes حيوي بنيت المحررين في محرر div, التي كنت قد استخدمت مسج لجعل القابلة للسحب.أن يعمل.

على الرغم div ليست نافذة ، ظننت أنها قد تكون فكرة جميلة تجعل القانون أكثر قليلا مثل واحد لذا مشفرة في زر "إغلاق".هيكل يبدو مثل هذا:

<div id="editor">
  <div id="draghandle" />
  <div id="closebutton" />
  <div id="editorbody" />
</div>

Editorbody هو متغير البعد اعتمادا على ما يحاول الناس للدخول.

Draghandle عرض 100% من محرر.Closebutton في CSS كما float:right.

مشكلتي هي أنه في IE6 و IE7, زر إغلاق يطفو بعيدا صحيح.انها دائما ضد الحافة اليمنى من النافذة, لا يهم أين يمكنني سحب محرر div حولها.في فايرفوكس و سفاري يبدو أنني أتوقع أن - نافذة واسعة كما editorbody و closebutton يجلس في أعلى الزاوية اليمنى.

أنا لا سيما تعلق float:right فقط تبحث عن وسيلة لإعداد CSS التي سوف تعطيني نفس النتيجة عبر جميع المتصفحات.أي أفكار ؟

"لقطات"

هنا نموذج من ما أود القيام به على jsbin (شكرا ، redsquare)

نموذج التعليمات البرمجية

أنا أعمل مع قانونيا معلومات حساسة لذلك لا أستطيع توفير لقطات من التطبيق.لدي, ومع ذلك ، اتخذت بعض الطلقات و منعت من النص واجهة ، ولم يتبق سوى نافذة هيكل.

كيف يبدو في IE7

كيف يبدو في فايرفوكس 3

Answer 1

قد ترغب في النظر في استخدام مسج الحوار بدلا ومنذ ولم يضف والأنماط بالفعل العمل عبر منصة.

Answer 2

للعلم ما عملت لإصلاح هذا كان تغيير المغلق closebutton من

float: right;

إلى

position: absolute;
right: 5px;
text-align: right;

وتنتج هذه النتائج الصحيحة في IE ، مع القليل من الحشو الداخلي حقول النموذج لا تقلق بشأن التداخل.

Answer 3

CSS الخارقة هناك حاجة في بعض الأحيان:

* + html #editor #closebutton /* IE7 */, * html #editor #closebutton /* IE6 */ {margin-right: 100px;} // insert whatever value that fits here

Answer 4

عن أي محدد css الخارقة يمكنك أن تفعل شيئا مثل:

#divId {    
   margin-right: 0; /*Normal styles for all browsers*/    
  *margin-right: 100px; /*The asterisk allows only for IE6 AND IE7 to read this*/        
  _margin-right: 90px; /*The underscore allows only IE6 to read this style*/    
}

فقط تأكد من النجمة وتؤكد الخارقة توضع بعد عادي (صالح) نمط css.