Click here to Skip to main content
13,289,653 members (59,954 online)
Rate this:
Please Sign up or sign in to 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 2:03am
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
Rate this: bad
Please Sign up or sign in to vote.

Solution 2

Set its css as

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

This will make your div appear at bottom-left of the window.
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?
Rate this: bad
Please Sign up or sign in to vote.

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!
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
Rate this: bad
Please Sign up or sign in to vote.

Solution 1

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

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

  Print Answers RSS
Top Experts
Last 24hrsThis month

Advertise | Privacy |
Web03 | 2.8.171207.1 | Last Updated 5 Apr 2013
Copyright © CodeProject, 1999-2017
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100