By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
435,436 Members | 2,979 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 435,436 IT Pros & Developers. It's quick & easy.

How to fix, "next, previous," to bottom of browser

100+
P: 114
Can someone please explain what code i need to add to keep a set of links at the bottom of a pop up window?

I need it in a page where people post comments. It is a pop up window, of about 500x400 where peoople post comments, and can read the previous and next ones.

I have tried aligning it to the bottom of the window, in a table using the "space" keys, and the align bottom etc. however what happens is that if someone posts some lines of text or a very long message, and you read the comment, you have to scroll to the bottom of the message for the links to be visible. This is not the solution because if the buttons are at the bottom to begin with, then they go down the same distance after the last line of text.

If i align them to appear right after the last line of text, then if someone posts only a few words or one line, means that the links appear in the middle of page, ie. right after the last line of text agains.

I want a situation, whereby, the buttons are fixed at the bottom of the pop up window, no matter how short or long the message. ie. if the message is long, there can be scroll bars but on opening the pop up commenting windows the "previous next" buttons should always be there.

Just to further clarify, it is a pop up page and it is an .asp page.
Mar 31 '07 #1
Share this Question
Share on Google+
3 Replies


jhardman
Expert 2.5K+
P: 3,405
The css style attribute "position: fixed" places an object in a given place in the window regardless of scrolling. I'm not sure what would happen if the text is longer...

Have you tried putting the message in a <textarea>? Another option would be within a frame or iframe.

The HTML forum might know if you can use <div>s for this. Can you make a scrolling div? I don't know, I'm sure I've never tried.

Let me know what works for you.

Jared
Mar 31 '07 #2

100+
P: 114
Thank you for your reply Jared. I have now found a way to show the table which on opening hte pop up window, keeps the "previous, next" at the bottom.
<html>
<body>
<table height="100%">
<tr>
<td height="95%" colspan="2" valign="top">put the comment in this cell</td>
</tr>
<tr>
<td height="5%" align="center">previous button goes here</td>
<td height="5%" align="center">next buton goes here</td>
</tr>
</table>
</body>
</html>

This is all fine until someone posts text which is longer than the table. You then open the pop up and are confronted with a box of text, with scroll bars. you have to scroll to the bottom of the box to see the "next , previous" buttons.

In other words, my problem is still there, what i want to do is fix this previous , next at the bottom of the pop up. Do you know what i need to do? I'm not html or asp literate and all i know about style sheets is to change the colour code, nothing else.

thanks in advance
Mar 31 '07 #3

jhardman
Expert 2.5K+
P: 3,405
Thank you for your reply Jared. I have now found a way to show the table which on opening hte pop up window, keeps the "previous, next" at the bottom.
<html>
<body>
<table height="100%">
<tr>
<td height="95%" colspan="2" valign="top">put the comment in this cell</td>
</tr>
<tr>
<td height="5%" align="center">previous button goes here</td>
<td height="5%" align="center">next buton goes here</td>
</tr>
</table>
</body>
</html>

This is all fine until someone posts text which is longer than the table. You then open the pop up and are confronted with a box of text, with scroll bars. you have to scroll to the bottom of the box to see the "next , previous" buttons.

In other words, my problem is still there, what i want to do is fix this previous , next at the bottom of the pop up. Do you know what i need to do? I'm not html or asp literate and all i know about style sheets is to change the colour code, nothing else.

thanks in advance
check out these work ups. The last is the best and most flexible.

Jared
Apr 1 '07 #4

Post your reply

Sign in to post your reply or Sign up for a free account.