[RESOLVED] Button wont stay in fixed position!

Sorry for spamming the boards but I have another stupid question that I spent ages trying to answer :P

I created two tables in ASP.NET with the lower one containing a submit button. In the higher one I programmatically add labels. The number of labels added depends on which radiobutton was selected earlier. In scenario 1 (check attachment 1) where one label appears the submit button is in the correct position. However when another label is added (attachment 2) then the button moves upwards!

This is the relevant section from my ASP.NET page:

Code:

---

Bitte Wählen Sie einen Beurteilungsbogen aus. <br />   
    &nbsp; <br />
   
    <p>
    <asp:Table ID="tblReportSelection" runat="server" CssClass="tblReportSelection">
    </asp:Table>
    </p>
   
    <p>
    &nbsp;
    </p>
   
    <p>
    &nbsp;
    </p>

    <p>
    <div class="tblSubmitSelection">
        <asp:Button ID="btnReportSelection" runat="server" Text="Auswahl" OnClick="BtnReportSelection_Click" />
    </div>
    </p>

---

Here is the relevant section from my stylesheet

Code:

---

.tblReportSelection {
        float: left;
        border: solid 1px #373188;
        padding: 5px;
        padding-right: 20px;
        text-align: left;
}
.tblSubmitSelection {
        float: left;
}

---

Hi,

I don't see what is wrong. The button doesn't look like its gone upwards...to me. Can you expain how it should look when you have more than 1 label? Thanks.

What I mean is that the space between the button and the table decreased when a second label was added...

And what happens when you have more than 2 labels? As an aside you don't need to have the 'div' within the 'p' for the submit button. I suspect that the content of the table overflows over the 'div' and 'p' elements where the button is. I suspect that is to do with the 'float' set against the div. One think you can is to specify the 'overflow' property against the container for the table (i.e. the 'p' containing the table). Something like 'overflow:auto' might do the trick.

I added the button programmatically on a new row in the same table and now no matter how many labels one adds, it still stays fixed :) But I will keep in mind what you said :)

Quote:

---

Originally Posted by stephsh

I added the button programmatically on a new row in the same table and now no matter how many labels one adds, it still stays fixed

---

That is a good solution. Sometimes we have to for a good solution instead of the best solution to achieve the ultimate goal within a reasonable amount of time.