Question

I putting wmd on my website. After putting code in and giving it a spin i see this image below.

How can i make the preview div not overlap with the textarea? -edit- the black is the css background of div wmd-preview

some 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>

Answer 1

Try adding a “Width” property value and “Float:Left” property value for the wmd-panel class.

width: value;
float: left;

If this does’t work (and only if it doesn’t work) trying setting a high margin-top value on the wmd-panel class. I.e.

margin-top: 25px;