P
ppcguy
i've got a page with one huge table (don't ask) and a static
menu at the top-right corner.
i want the menu to be static even when the table is scrolled.
everything works - except the scroll bars are not positioned
correctly.
i'm working with ie for now.
can someone pls tell me why before i go more bonkers.
the * HTML {} in the file is supposed a ie kludge - executes
only under ie.
START OF .html file
---------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<HEAD><TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<style type="text/css">
BODY {
PADDING: 0px;
MARGIN: 0px;
OVERFLOW: auto;
WIDTH: 100%;
HEIGHT: 100%;
}
* HTML {
OVERFLOW: hidden
}
#menu {
DISPLAY: block; FONT-SIZE: 0.9em; RIGHT: 30px; LINE-HEIGHT: 1.7em;
FONT-FAMILY: verdana, arial, sans-serif; POSITION: fixed; TOP: 5px;
TEXT-ALIGN: right
}
* HTML #menu {
POSITION: absolute
}
</style>
</HEAD>
<BODY>
<FORM action=/link method=post>
<DIV id="menu">
This is designed to be static - positioned top-right corner.
</DIV>
<TABLE WIDTH=2000 HEIGHT=1000 STYLE="background-color: green">
<TBODY><TR><TD>
BIG TABLE!
</TD></TR></TBODY></TABLE>
</FORM></BODY></HTML>
----------------------------------
menu at the top-right corner.
i want the menu to be static even when the table is scrolled.
everything works - except the scroll bars are not positioned
correctly.
i'm working with ie for now.
can someone pls tell me why before i go more bonkers.
the * HTML {} in the file is supposed a ie kludge - executes
only under ie.
START OF .html file
---------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<HEAD><TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<style type="text/css">
BODY {
PADDING: 0px;
MARGIN: 0px;
OVERFLOW: auto;
WIDTH: 100%;
HEIGHT: 100%;
}
* HTML {
OVERFLOW: hidden
}
#menu {
DISPLAY: block; FONT-SIZE: 0.9em; RIGHT: 30px; LINE-HEIGHT: 1.7em;
FONT-FAMILY: verdana, arial, sans-serif; POSITION: fixed; TOP: 5px;
TEXT-ALIGN: right
}
* HTML #menu {
POSITION: absolute
}
</style>
</HEAD>
<BODY>
<FORM action=/link method=post>
<DIV id="menu">
This is designed to be static - positioned top-right corner.
</DIV>
<TABLE WIDTH=2000 HEIGHT=1000 STYLE="background-color: green">
<TBODY><TR><TD>
BIG TABLE!
</TD></TR></TBODY></TABLE>
</FORM></BODY></HTML>
----------------------------------