asked on

Problems adapting HTML page code to work in a pane in a DotNetNuke site

For some reason, when I enter this code in the edit module of a pane in DotNetNuke, while it looks great in the edit window, when you go to view it, the resulting content goes to the upper left hand corner rather than staying within its pane. Please take a look at the code, and let me know if there's a way to fix it so that the content stays within its area of the page. I created the code in Dreamweaver, and it works fine in a normal html page. Please let me know if there's another area where I might want to post htis.

Thanks!

John

<table width="696" border="0">
    <tbody>
        <tr>
            <td>
            <div id="Layer1" style="z-index: 3; left: 0px; width: 200px; position: absolute; top: 0px; height: 115px"><img height="813" alt="" width="696" src="/Portals/0/HTMLBody/MPlx_bkgrnd7_Feather_wLogo.jpg" /></div>
            <div class="style4" id="Layer3" style="z-index: 4; left: 98px; width: 529px; position: absolute; top: 415px; height: 115px">The MicroPlex Coil System (MCS) consists of an implantable platinum detachable coil attached to a fluid injection delivery system called a Delivery Pusher. The delivery system consists of a variable stiffness tube with a retention sleeve that attaches the Delivery Pusher tot the implantable coil. An introducer sheath assists in the delivery of the implantable coil into the microcatheter.<br />
            <br />
            The MCS is available in 18- and 10-compatible systems that are compatible with various microcatheters. There are two basic configurations, Complex<br />
            (3-dimensional) coils in various diameters and lengths to establish the initial framework, and Helical coils in various diameters and lengths for filling.</div>
            <div id="Layer2" style="z-index: 5; left: 0px; width: 696px; position: absolute; top: 131px; height: 115px"><img height="240" alt="" width="696" src="/Portals/0/HTMLBody/MPlx_img6.jpg" /></div>
            <div id="Layer4" style="z-index: 6; left: 98px; width: 518px; position: absolute; top: 647px; height: 115px"><span class="style4">Framing: A complex coil with unmatched conformability<br />
            Filling: A full line of 10 and 18 sized helical coils offering superior deliverability <br />
            Finishing: The HyperSoft finishing coil is the softest and most flexible finishing coil available </span>
            <p class="style8">Refer to the Instructions For Use supplied with each product for additional information.</p>
            </div>
            =</td>
        </tr>
    </tbody>
</table>

Open in new window

ErikVB

the problem is that you are using fixed positioning inside the html. The text/html module can only be used for basic html, and if you are using positioning, then only relative positioning should be used. Any other kind of design should be done in the container definition, or in the skin

John Carney

ASKER

Hi Erik,
Thanks for getting back to me. Are you saying that as long as I put everything in a container, then I'll be able to do it? That woulf be great.

John

ASKER CERTIFIED SOLUTION

ErikVB

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

John Carney

ASKER

Hi Erik,
Re: "Is there a reason why you want to use absolute positioning in the first place?"
No not at all. How would I code it to get relative positioning?

Thanks,

John

SOLUTION

ErikVB

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial