Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

embedded table question

Status
Not open for further replies.
edpatterson

edpatterson

IS-IT--Management
Feb 24, 2005
186
Table Design

Please excuse the ascii art, my ability to describe the page is not equal to my ability to 'draw' it.
[tt]
+----------------------------------------------------------+
| |
+----------------------------------------------------------+
+----------------------------------------------------------+
| |
| +------+---------------------+ |
| | | | |
| |------+---------------------+ |
| | | | |
| +------+---------------------| |
| | | | |
| |------|---------------------+ |
| | | | |
| +------+---------------------+ |
| |
| |
| |
| |
| |
+----------------------------------------------------------+
| |
+----------------------------------------------------------+
[/tt]
The top two rows and bottom one always remain at the top and bottom of the page.

The table in the middle is always centered in the page and maintains a set distance below the top row.

The bottom one should 'hug' the bottom of the page no matter how short or tall it is.

I can get the 2 to stay at the top and I can get the inner table to stay centered, I can not get the bottom one to stay at the bottom of the page when the page is resized.

Thanks for any pointers. All the table tutorials I found dealt with creating single tables and the various borders and alignments, nothing on aligning embedded tables.

Thanks
Ed
 
Sort by date Sort by votes
Do you have any code we can look at? Are you also using CSS? What happens when the page content is shorter then the users' resoltion? How do you still want the bottom row to 'hug' the bottom of the page?

____________________________________
Just Imagine.
 
Upvote 0 Downvote
I'm sure you will agree that you have a table in the middle and two bars, one on top, one on bottom. So, try the following:

1. Your html and body should be 100% high.
2. Your top and bottom bar will probably be absolutely positioned.
3. Center your table using this technique: 4. With margins/padding on the table assure that the table does not cover the top and bottom bars.

That should be it. If you have problems incorporating any of this, show us the code and tells us where you're stuck.
 
Upvote 0 Downvote
Code is below, CSS: after reading through this forum and since I am on the learning curve anyway....
This is for use on an Intranet where I have total control of the end users display settings so resolution will not be an issue. As for the problem of the browser window being too 'short', I will have to assume that if that happens then they do not want to access the resource I am trying to provide. The advantages of being the network administrator


Code: 
<html>
<head>
<meta http-equiv="cache-control" content="no-cache">
<title>Document Title</title>
</head>
<body>
<table height="100%" width="100%" border="0">
	<table cellpadding="0" cellspacing="0" border="0"><tr>
		<td width="100%" bgcolor="#0f4175" align="right"><img src="Intranet.gif"></td><td width="30%"><img src="topimage1.jpg"></td>
		</tr>
		<td width="100%" bgcolor="#DFE8FA" colspan="2">&nbsp;</td>
		</tr>
	</table>
	</tr>
	<table align="center"><tr>
	<td>This is the verbage from ccProxy</td>
	</tr>
	</table>
	<table align="center"><tr>
	<td>This would be the bottons</td>
	</tr>
	</table>
	<table width="100%" align="bottom">
		<tr><td width="100%" bgcolor="#DFE8FA">&nbsp;</td></tr>
	</table>
</table>
</body>
</html>
 
Upvote 0 Downvote
Vragabond: SWEET! Nice effect, problem is when I viewed the CSS source it was like reading Shakespeare in Latin. I did poorly in both :)

 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

PeDa
  • Locked
  • Question
Display table td's as block element on mobile phone 1
Replies
3
Views
897
spamjim
spamjim
JScannell
  • Locked
  • Question
Testing embeddedc video files
Replies
2
Views
185
JScannell
JScannell
ashokkumary
  • Locked
  • Question
missing leading zero when we download in excel from html table data.
Replies
1
Views
163
spamjim
spamjim
jason.lex
  • Locked
  • Question
Bootstrap grid and columns question
Replies
0
Views
129
jason.lex
jason.lex
PeDa
  • Locked
  • Question
Table not formatted correctly in all browsers 1
Replies
2
Views
168
PeDa
PeDa

Part and Inventory Search

Sponsor

Back
Top