PDA

View Full Version : Force text display at bottom of screen?

gecko
11-20-2002, 10:54 PM
I'm pretty sure I can do this in JavaScript, but was unable to find an example/code via Google or the archives here.

I open a new window (width=650,height=705) and at the bottom of the window, I want to display:

next / previous close

Any suggestions on how to force the display of this line (even though the window isn't completely full of text/images) at the bottom ? I'm thinking I could specify the display at 704...

Thanks in advance.
gecko
11-20-2002, 10:58 PM
oh... just to be clear, I should have added that I'm not looking to display a line in the status bar (which, yes, is the 'bottom of the screen'), but in the bottom of the 'active window' (? I think that is how I should refer to it, the bottom of the web page). ok. I'm typing more information than I need to. :rolleyes:
Vladdy
11-20-2002, 11:10 PM
All you need is an absolutely positioned element referenced to the bottom.
gecko
11-20-2002, 11:19 PM
oh, ok. I could just use css like this:
{position:absolute; bottom: 1px; left: 220px}
cg9com
11-21-2002, 02:54 AM
thats what i would do :)
glenngv
11-21-2002, 02:55 AM
another way is to use table

<table width="100%" height="100%">
<tr>
<td height="95%" valign="top">

<!--main content here-->

</td>
</tr>
<tr>
<td valign="bottom" align="center" height="5%">

<!--next/previous/close buttons here-->

</td>
</tr>
cg9com
11-21-2002, 03:01 AM
unfortunatly i cannot get align and valign to validate in xhtml10 strict
Graeme Hackston
11-21-2002, 03:28 AM
glenngv's solution can be validated using CSS but you loose 4x browsers. But then most (if not all?) of them can't read position: bottom either.

I'd go with glenngv's solution to keep old browsers or a valide table without them (position: bottom still isn't valid).
Graeme Hackston
11-21-2002, 03:49 AM
Just to give you yet another option :)

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>bottom</title>

<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
}
table {
height: 100%;
width: 100%;
text-align: center;
}
#bottom {
vertical-align: bottom;
}
</style>

</head>
<body>
<table>
<tr>
<td>
main content
</td>
</tr>
<tr>
<td id="bottom">
bottom content
</td>
</tr>
</table>
</body>
</html>


<edit>

For what it's worth vertical-align is supposed to work in IE4

http://www.w3schools.com/css/pr_pos_vertical-align.asp

</edit>