core Asp I want a html-div should not be scroll with page

Question

1.00/5 (1 vote)

See more:

I am working with a html-div that have a role="dialog"

now, this div is inside page so, it's moving while scroll
I want to set it fix

please suggest how can I achieve this behaviour

Posted 17-Jan-13 1:03am

Aarti Meswania

Add a Solution

Comments

vinodkumarnie 5-Apr-13 0:40am

can you share your code..?

Aarti Meswania 5-Apr-13 1:16am

thanks for showing interest
This topic has been solved

ankitsrist 5-Apr-13 2:12am

you can also write within your div, position:fixed it will also work

3 solutions

Solution 2

Set its css as

CSS

.fixedDiv
{
position:fixed;
left:0;
bottom:0;
}

HTML

<div id="yourDiv" class="fixedDiv">
your div content.
</div>

This will make your div appear at bottom-left of the window.

Posted 17-Jan-13 3:46am

Zafar Sultan

Comments

Aarti Meswania 17-Jan-13 23:52pm

this solution is working but problem is I have set div's role=dialog
and I am runtime creating objects of this div so that I have set position=relative I i will set to fix then it will open each new dialog over the old dialog not display dialog in queue.

Zafar Sultan 18-Jan-13 4:04am

If I am correct you are displaying messages dynamically in a div and want to open every new message on queue. Right?

Solution 1

try using ajax:alwaysvisisblecontrolextender using latest version of ajaxtoolkit extender[hassle free]

Posted 17-Jan-13 1:24am

PBGuy

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Aarti Meswania · Accepted Answer · 2013-04-04T19:09:00

Solution 3

I have solved it myself
I had set division Position bottom and absolute and it work

Thank you all for try to help me :)

Happy Coding!
:)

Posted 4-Apr-13 19:09pm

Aarti Meswania

Updated 4-Apr-13 19:10pm

v2

Comments

vinodkumarnie 5-Apr-13 1:40am

Thats nice. Positioning in css is very much important.

Aarti Meswania 5-Apr-13 1:47am

right I will post it. Thanks for suggestion :)

vinodkumarnie 5-Apr-13 1:56am

:-)