We help IT Professionals succeed at work.

Check out our new AWS podcast with Certified Expert, Phil Phillips! Listen to "How to Execute a Seamless AWS Migration" on EE or on your favorite podcast platform. Listen Now

x

fixed div even when page is scrolling

Medium Priority
1,197 Views
Last Modified: 2013-11-19
I have a asp page where I need to create a fixed div to show some static content on the right side of the page. I want this to be seen even when users are scrolling over the page so that this div stays in same position.  
Comment
Watch Question

example:


div
{
 bottom:10px;
 left:0;
 position:fixed;
}

Open in new window

Author

Commented:
seems like this will keep the div in fixed position. But, it does not scroll the div when I scroll the page.
What? I am doing this right now in my browser and the div stays on the page exactly where i have it. it never disappears from the page. Isn't this what you want?

Author

Commented:
<html>
<head>
    <title>test</title>
</head>
<body>
    <table width="1024" style="height: 1024;" border="1">
        <tr>
            <td style="width: 60%;">
                <h2>
                    This is a fixed text</h2>
            </td>
            <td style="width: 40%;">
                <div style="bottom: 10px; left: 0; position: fixed; text-align:center;">
                    this is the text that should be there even if the page scrolls at the fixed position. kind of like a floating div</div>
            </td>
        </tr>
    </table>
</body>
</html>
Commented:
Unlock this solution and get a sample of our free trial.
(No credit card required)
UNLOCK SOLUTION
Unlock the solution to this question.
Thanks for using Experts Exchange.

Please provide your email to receive a sample view!

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.