Keep DIV Static in Corner?

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

xeroxero - 18 Sep 2006 16:22 GMT

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.

Reply to this Message

Walter Wang [MSFT] - 19 Sep 2006 07:12 GMT

Hi,

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 (wawang@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.

Reply to this Message

Walter Wang [MSFT] - 19 Sep 2006 07:17 GMT

You might want to refer to http://www.w3.org/TR/CSS21/visuren.html#q28 for
more CSS rules about positioning elements.

Reply to this Message

Webmaster Forum / Browsers / Internet Explorer / September 2006

Keep DIV Static in Corner?