Hello!

I'm creating a website which has Top, Left, Content, Right, and Bottom panes.
The problem I'm having is at the Right pane.
I want to add 3 Text/Html modules there.
I have 1 module which work fine.
After I added another one below the first module, the problem start.
The 2nd module just move around the page.
Sometime, it appears at the correct spot, but sometime it just disappear and
when I scroll down the page, the module is at the bottom of the page.
But, if I bring the mouse over the module, it move again and appears at the
right place.

There's just a text and a image in the Text/html module.
(I used <table> <tr><td>text.. image...</td></tr></table>

Could someone please help me why this thing happen?

Thank you

Hello

Thank you very much for your reply.

I tried to put the same container in the default skin.
The first one is ok.
The second container appeared at the bottom of Bottom pane.
It doesn't move around, but appeared at the very bottom of the page.

I'm thinking that the code of the top container is causing this problem
becuase when I put the second container to the top and the top container to the
bottom of the right pane(switched around the containers), it seems like
works fine.

The top container's html code is as below :
<table style="width: 247px; height: 219px">
    <tbody>
        <tr>
            <td>
            <div class="pd10t">&nbsp;</div>
            </td>
            <td valign="top" width="214">
            <div align="left"><img height="25" alt="" width="214" src="/img00/login_tit.gif" /></div>
            <form action="" method="post" name="form1">
                <div id="bklogin">
                <div class="login_contents">
                <div class="login" align="left">User ID</div>
                <div align="left"><input class="txt-field" size="25" name="userid" type="text" /></div>
                <div class="login" align="left">password</div>
                <div align="left"><input class="txt-field" type="password" size="25" name="password" /><br />
                &nbsp;</div>
                <div align="center">
                <p><input type="image" src="http://localhost/img00/btlogin.gif" name="Submit" /></p>
                <p>&nbsp;</p>
                </div>
                <div align="center"><a class="pswd" href="reminder.htm">Forgot your password?</a></div>
                </div>
                </div>
                <div><img height="2" alt="" width="214" src="/img00/bklogin_btm.gif" /></div>
                <div>&nbsp;</div>
            </form>
            </td>
        </tr>
    </tbody>
</table>

The second one which move around when I put under the above container:
<table style="width: 227px; height: 207px">
    <tbody>
        <tr>
            <td class="pd10t">&nbsp;</td>
            <td style="background-image: url(/img00/bknewuser.gif); background-repeat: no-repeat" width="214" height="80" border="0">
            <div id="bknewuser">
            <div class="newuser" align="left">Become a member!<span class="newuser2">We have a special offer</span>、 <span class="newuser2">Special Price Tour</span> You can receive them via email</div>
            <br />
            <div align="center"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image21','','/img00/bt_newuserov.gif',1)" href="registration.htm"><img class="pd10t" height="38" alt="Register now!" width="141" border="0" name="Image21" src="/img00/bt_newuser.gif" /> </a></div>
            </div>
            </td>
        </tr>
    </tbody>
</table>

Do you see anything wrong with the codes???

I created the skin using ascx file.  I also use CSS file in the ascx file.

Thank you for your time.  I very appreciate your advice.

Best Regards,

shiho

Hello Salaro.

Thank you very much for your quick reply.

I didn't know that I cannot have a form inside a skin or a container.
I'll try to do what you suggested me and post the outcome.

Thank you very much.

Shiho