Keep DIV Static in Corner?
xeroxero
I would like to use DHTML and/or JavaScript that will create a <div>
tag in the lower-left corner of the screen that begins 400px down and
fills to the bottom-left corner of the browser window, regardless of
the page size (the page is user-resizable). I only want a vertical
scroll bar if the content extends beyond the bottom of the page, no
horizontal scroll bar.
Help.
Walter Wang [MSFT]
This can be done using CSS rules:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<HTML>
<HEAD>
<TITLE>Untitled</TITLE>
<STYLE type="text/css">
#leftBottomCorner {
position: absolute;
left: 0px; top: 400px;
}
</STYLE>
</HEAD>
<BODY>
<DIV id="leftBottomCorner">ABC</DIV>
</BODY>
</HTML>
Please reply to let me know whether or not you need further information.
Thank you.
Sincerely,
Walter Wang (waw...@online.microsoft.com, remove 'online.')
Microsoft Online Community Support
==================================================
Get notification to my posts through email? Please refer to
http://msdn.microsoft.com/subscriptions/managednewsgroups/default.aspx#notif
ications. If you are using Outlook Express, please make sure you clear the
check box "Tools/Options/Read: Get 300 headers at a time" to see your reply
promptly.
Note: The MSDN Managed Newsgroup support offering is for non-urgent issues
where an initial response from the community or a Microsoft Support
Engineer within 1 business day is acceptable. Please note that each follow
up response may take approximately 2 business days as the support
professional working with you may need further investigation to reach the
most efficient resolution. The offering is not appropriate for situations
that require urgent, real-time or phone-based interactions or complex
project analysis and dump analysis issues. Issues of this nature are best
handled working with a dedicated Microsoft Support Engineer by contacting
Microsoft Customer Support Services (CSS) at
http://msdn.microsoft.com/subscriptions/support/default.aspx.
==================================================
This posting is provided "AS IS" with no warranties, and confers no rights.
Walter Wang [MSFT]
more CSS rules about positioning elements.