Warum überlappen diese divs?

StackOverflow https://stackoverflow.com/questions/2391060

  •  25-09-2019
  •  | 
  •  

Frage

Ich wmd auf meiner Website setzen. Nachdem er Code in und ihm einen Spin zu geben sehe ich das Bild unten.

Wie kann ich die Vorschau div mache nicht Überlappung mit dem Text? -edit- die schwarz ist der CSS-Hintergrund von div

wmd-Vorschau

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

War es hilfreich?

Lösung

Versuchen Sie, einen "Breite" Eigenschaftswert hinzufügen und "Float: Left". Eigenschaft Wert für die WMD-Panel-Klasse 

width: value;
float: left;

Wenn diese does't Arbeit (und nur dann, wenn es nicht funktioniert) versucht, einen hohen margin-top-Wert auf der wmd-Panel-Klasse. D. 

margin-top: 25px;

Andere Tipps

Haben Sie versucht, den Z-Index des Vorschau div zu erhöhen? 

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

Stellen Sie den Schwimmer oder wenn Sie geizig Set sein der „WMD-Editor“ als absolute Positionierung, entweder nur IE oder alle. Ich weiß, es ist nicht der effektivste Weg, aber es kann am einfachsten in einigen Fällen ^^

sein
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top