Visual Editor not displaying DIV in correct location

  • Author
  • #1149784



    New to all this so please excuse my ignorance.

    Using WordPress, Catalyst and the Ultimate TinyMCE plugin, I am using the layer button to add a DIV to my page. Using the Visual Editor, I can move this DIV around the page to where I want it but when I publish, the DIV shows up a different location to where it’s supposed to be.

    My site, which is provided by a hosting provider, is essentially made up of a header and footer over which I have little control (other than the contents of menus and widget areas). But I can edit the main body of each page that I create and this is what the Visual Editor gives me control over.

    This page illustrates nicely my problem:

    This is the contents of the HTML for this page:

    <img class="size-full wp-image-2950 aligncenter" title="Radio Microphone" src=""
    alt="" width="97" height="150" />
    <div style="position: absolute; left: 317px; top: 167px; width: 206px; height: 123px; text-align: center;">
    <span style="background-color: #adff2f;">
    This is my DIV that I created with the layer botton. I have placed this on the page in the Visual Editor so that it appears
    to be centered directly beneath the microphone image on this page.

    Although I have a reasonable understanding of basic HTML, I’m not overly familiar with WordPress itself. Any help would be greatly appreciated.

    The blog I need help with is


    If you’re self-hosted, then you need to ask on this forum instead:

The topic ‘Visual Editor not displaying DIV in correct location’ is closed to new replies.