سؤال
أضع WMD على موقع الويب الخاص بي. بعد وضع الكود وإعطائه تدور أرى هذه الصورة أدناه.
كيف يمكنني جعل المعاينة Div لا تتداخل مع textarea؟ -edit- الأسود هو خلفية CSS لـ Div WMD-Preview
بعض HTML
<div id="wmd-editor" class="wmd-panel"><div id="wmd-button-bar"></div>
<textarea id="wmd-input" name="body" rows="10" cols="89"></textarea>
...
</div></form><div id="wmd-preview" class="wmd-panel"></div>
المحلول
حاول إضافة قيمة خاصية "عرض" وقيمة "Float: Left" لفئة WMD-Panel.
width: value;
float: left;
إذا لم ينجح هذا (وفقط إذا لم ينجح) في محاولة تعيين قيمة عالية الهامش على فئة WMD-Panel. بمعنى آخر
margin-top: 25px;
نصائح أخرى
هل حاولت زيادة مؤشر Z من معاينة Div؟
#wmd-preview { z-index: 100; }
قم بتعيين العوامات أو إذا كنت بحاجة إلى أن تكون بخيل تعيين "محرر WMD" على أنه وضع مطلق ، إما فقط IE أو All. أعلم أنها ليست الطريقة الأكثر فعالية ولكنها يمكن أن تكون الأسهل في بعض الحالات ^ ^
لا تنتمي إلى StackOverflow