My issue is extending the bottom div to fill in the remaining gap between the bottom of graph and the bottom of the browser.
Here's my sad CSS.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> <style type="text/css"> * { padding:0px; margin:0px; } html, body { height:100%; width:100%; } #header { width:100%; height:23px; background:#000; } #graph { width:100%; height:300px; background:#e7e7e7; } #bottom { width:100%; height:100%; background:#FFC; } </style> </head> <body> <div id="header"> </div><!-- //header --> <div id="graph"> </div><!-- //graph --> <div id="bottom"> </div><!-- //bottom --> </body> </html>
Thanks for any help!