HTML - A Table With 100% Height Inside A <td>

Hi all,

Current code available for viewing he

http://www.joomlatemplatesearcher.com/testtemplate/

I'm trying to position a div so that it sits (near) the bottom of a container. I'd assumed position:relative / bottom: 10px would do the trick, but no joy, and I can't figure out why that's not aligning.

If anyone could offer help, I'd be very appreciative. Ultimately I'm trying to get the aqua-coloured box sitting inside the black area of the monitor (aligned from the bottom, as the div containing the monitor background is bottom-aligned to a container with variable height. Any suggestions greatly appreciated.

With thanks,
- SuperGrover

I will be brief in hoping that the issue does not require a thesis to properly fix. I'm dealing with tables within tables..within tables. In one instance, I have a 2x1 (row by column) table inside another table. So, we'll call the inside table "B" and the outside table "A". Table B is centered inside a column in Table A. I'm trying to maximize the space, but nearly nothing works. Setting Table B height=100% does nothing. The only thing that works is setting the height=N px, where N is a number. This is no good, as I want to the site to work on all resolutions. I want it to be proportional. How can I fix this?

Here's what I'm dealing with, visually:



Any help would be welcome. Thanks.

Hi guys,

I've been frustrated for awhile trying to fix three of my problems. I just started making a site for myself today, the specific one is http://www.bcsticketsnow.com/rosebowl.html

Anyway, I've got three problems, and appreciate any help anyone can offer on any of them:

1. I'm new to frames, and am told to stay clear of it. But I don't know php, so this is the only way I know to make a header, middle and footer on all 20 pages that I'm going to have where I only need to edit one to change all.

So I have 3 frames in the frameset, header, mainrosebowl, and footer. I understand that cols="220,*,100" will make the header 220 pixels, the footer 100 px, and the middle part the rest of the window. But I'm trying to figure out a way to have it go deeper than the window. As you can tell, I've got a scroll bar on that middle frame. I want that frame to extend to more than 100% and push the footer below the visible window. So I'm really looking for a big scroll bar for the entire window to scroll down, not a mini scroll bar just for the middle frame. Is this possible? Having the cols add up to only the size of the window isn't what I'm looking for.


2. In the header frame, I've got that drop down menu (says "Bowl Events"). When I put the form in for the drop down menu, it kind of expanded the height of the table. It had less space before in that row of the table with the blue background. When I put the form in there, it kinda messed up the spacing. I essentially want to delete that space below bowl events to make the height of the row of that table like half the size. Any ideas?


3. For that same drop down menu, I'm trying to target each link in that menu to open up a new window (like target="_top"). But putting it after <option value="URL" target=..."> does nothing. Am I supposed to put it in the javascript? Here's what I have now:

<script type="text/javascript">
function goToPage(dd) {
var ind = dd.selectedIndex;
if (ind == 0) { return; }
var url = dd.options[ind].value
document.location=url;
}
</script>


<form>
<select name="eventlist" onChange="goToPage(this); return false;" size="1" style="border: 0; BACKGROUND: navy; COLOR: white; FONT-FAMILY:
arial; FONT-SIZE: 15px; font-weight: bold;">
<option value="">Bowl Events</option>

<option value="http://www.bcsticketsnow.com/bcschampionship.html" onclick="header.location.href='_top'">BCS Championship</option>

<option value="http://www.bcsticketsnow.com/rosebowl.html">2009 Rose Bowl</option>

<option value="http://www.bcsticketsnow.com/orangebowl.html">2009 Orange Bowl</option>

<option value="http://www.bcsticketsnow.com/fiestabowl.html">2009 Fiesta Bowl</option>

<option value="http://www.bcsticketsnow.com/sugarbowl.html">2009 Sugar Bowl</option>

<option value="http://www.bcsticketsnow.com/chickfilabowl.html">2009 Chick-Fil-A Bowl</option>

<option value="http://www.bcsticketsnow.com/capitalonebowl.html">2009 Capital One Bowl</option>

<option value="http://www.bcsticketsnow.com/cottonbowl.html">2009 Cotton Bowl</option>

<option value="http://www.bcsticketsnow.com/holidaybowl.html">2009 Holiday Bowl</option>

</select></form>

All the pages on my site have a right column with a table inside it. I want the table to be at the top, which works fine in FF and IE7 and IE8, but is always at the bottom in IE6. Can someone offer some insight into this?
heres one example, but its the same on all pages.
http://perfectresource.net/hcm.html

I'm trying to put a table inside where the text is. This is going to be my navigation spot, I tryed one way and it went over the whole page Can someone explain my error. thanks.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="english"> 
<meta http-equiv="Content-Style-Type" content="text/css">

<title>background-attachment fixed</title>

<link rel="stylesheet" type="text/css" href="css/main.css">

</head>
<body>
<table width="715" border="3" align="center">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
<div id="container">
<p>


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultricies sollicitudin nisi, 
ut molestie felis adipiscing sit amet. Sed auctor vehicula commodo. Nam a nibh neque, vitae 
faucibus felis. Vivamus at metus eget eros consequat fringilla. Quisque magna magna, laoreet 
eu tempus sit amet, fringilla at tellus. Praesent felis tortor, scelerisque vitae fringilla 
non, porttitor et lacus. Ut ut sapien nec quam tincidunt consectetur in nec lacus.
</p><p>
Phasellus porta, dui a elementum egestas, odio sapien rhoncus lorem, vitae bibendum erat sem 
eget sapien. Maecenas ut metus ac quam pellentesque lacinia quis sit amet augue. Fusce eu 
euismod urna. Nunc volutpat scelerisque tempus. Donec eget arcu et mauris scelerisque 
tristique. Donec fringilla mauris dolor, sit amet vulputate lacus. Nulla feugiat mattis nulla 
non tincidunt. Nam sit amet dolor eros, a viverra lacus. Nunc quis nisi eget neque tempus 
facilisis eu quis sapien.
</p>


</div>

</body>
</html>