Probably an easy solution, but it kinda has me baffled ...
Posted: Tue Jan 27, 2004 3:00 pm
I got a bit of a problem and I've tried a bunch of things and can't seem to get it right. The weird thing is that I know I've gotten it to work before, but I don't have any code snippets lying around for reference. Anyways here's the situation ... I'm making a splash screen for a site. The content on the screen is centered with 3 table rows, like so:
Then the center row is split into a couple of columns, one that is a certain width and 2 others that are supposed to be whatever's leftover, like:
Now supposedly that's supposed to work ... but it doesn't. I found awhile ago that I was able to accomplish this feat if I used at least 2 fixed with cells, but I tried that and its not seeming to work real well.
My question is, if anyone knows ... what is the general rule that browsers follow on this? and does anyone have some code they'd be willing to share? thanx ...
Code: Select all
<table border="1" cellpadding="0" cellspacing="0" height="100%" width="100%">
<tr><td height="*" width="100%">topSpan</td></tr>
<tr><td height="144" width="100%">content</td></tr>
<tr><td height="*" width="100%">bottomSpan</td></tr></table>Code: Select all
<table border="1" cellpadding="0" cellspacing="1" height="100%" width="100%">
<tr><td colspan="3" height="*" width="100%"> </td></tr>
<tr><td height="144" width="*">leftSpan</td>
<td height="144" width="288">Logo</td>
<td height="144" width="*">rightSpan</td></tr>
<tr><td colspan="3" height="*" width="100%"> </td></tr></table>My question is, if anyone knows ... what is the general rule that browsers follow on this? and does anyone have some code they'd be willing to share? thanx ...