سؤال

أضع 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>

http://i49.tinypic.com/2u7mxvl.png

هل كانت مفيدة؟

المحلول

حاول إضافة قيمة خاصية "عرض" وقيمة "Float: Left" لفئة WMD-Panel.

width: value;
float: left;

إذا لم ينجح هذا (وفقط إذا لم ينجح) في محاولة تعيين قيمة عالية الهامش على فئة WMD-Panel. بمعنى آخر

margin-top: 25px;

نصائح أخرى

هل حاولت زيادة مؤشر Z من معاينة Div؟

#wmd-preview { z-index: 100; }

قم بتعيين العوامات أو إذا كنت بحاجة إلى أن تكون بخيل تعيين "محرر WMD" على أنه وضع مطلق ، إما فقط IE أو All. أعلم أنها ليست الطريقة الأكثر فعالية ولكنها يمكن أن تكون الأسهل في بعض الحالات ^ ^

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top