Home/ Questions/Q 4075908
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T17:21:29+00:00

I have a simple div on html, something like: <div class=warning> <h3>Please make sure:</h3>

  • 0

I have a simple div on html, something like:

<div class="warning">
    <h3>Please make sure:</h3>
    <asp:PlaceHolder id="phWarnings" runat="server"></asp:PlaceHolder>
    <br />
    <a href="javascript:void(0)" onClick="$('#warning').hide()">Okay</a>
</div>

The PlaceHolder is being populated with a couple of radio buttons, a covering div, some h4 and p elements.

However, when the page shows up, the whole div (along with its children contents) are completely outside the warning div. I thought I was messing up the div structure in codebehind so I just commented out everything and did this: 

phWarnings.Controls.Add(new LiteralControl("Meh"));

Guess what? Yeah, the string “Meh” was outside the warning div too. The HTML (on view source) option
shows this: 

<div class="warning">
    <h3>Please make sure:</h3>
    <br />
    <a href="javascript:void(0)" onClick="$('#warning').hide()">Okay</a>
</div>

Meh

I have done the similar things other times but never faced this problem. I was hoping you guys could shed some light on why placeholder decided to go out of parent div or how to avoid it. removing the class from warning div etc doesn’t seem to work.

Any idea why this is happening please?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Things don’t just happen, they happen for a reason. If they look as if they just happen, then that just means you don’t know the reason… which is why you are asking. So…

    The problem has to be with either your html or your css. As you don’t give us much to go on, there isn’t much that anyone can say.

    You could put a page up, and provide a link to that, for people to look at the html and the css. No reason you can’t do that.

    Things to look out for in your css? floats that haven’t been cleared for example.

    Things to look out for in the Html? Unclosed tags.

    You can diagnose the above kind of problem by right clicking on the offending area and doing “Inspect Element” when viewing the page in either Google Chrome or FireFox?

    Are you assigning css classes using jquery or similar? Probably not, given your inline js code in the a tag…

    All the above or a combination thereof are possible candidates, but in the absence of a page to look at, your not going to get much help.

    • 0