I want to use an external CSS file to group buttons that would stay at the bottom center, regardless of the user's resolution setting.
At the moment I am using tables through out the whole page.
Everything is set for people run 800x600, but unfortunately if someone using 1027, or higher, the buttons end up in the middle of the page. I don't mind if there is a space, between the button and text just as long as the buttons are at bottom and are center.
Could someone help me out, I am don't know what the CSS script would look like to group these button, and keep them down at the bottom center.
Thank a lot if you can help.Here is an example of a footer that I wrote:
<head>
<title>CSS Footer Example</title>
<style type="text/css">
body {overflow: hidden}
</style>
</head>
<body>
<div id="d1" style="position: absolute; width: 100%; bottom: 0px; text-align: bottom">
<p style="text-align: center"><span style="float: left"><== Previous</span><span style="float: right">Next ==></span>Index</p>
</div>
</body>
The line of text will be at the bottom of the page regardless of resolution.
At the moment I am using tables through out the whole page.
Everything is set for people run 800x600, but unfortunately if someone using 1027, or higher, the buttons end up in the middle of the page. I don't mind if there is a space, between the button and text just as long as the buttons are at bottom and are center.
Could someone help me out, I am don't know what the CSS script would look like to group these button, and keep them down at the bottom center.
Thank a lot if you can help.Here is an example of a footer that I wrote:
<head>
<title>CSS Footer Example</title>
<style type="text/css">
body {overflow: hidden}
</style>
</head>
<body>
<div id="d1" style="position: absolute; width: 100%; bottom: 0px; text-align: bottom">
<p style="text-align: center"><span style="float: left"><== Previous</span><span style="float: right">Next ==></span>Index</p>
</div>
</body>
The line of text will be at the bottom of the page regardless of resolution.