hello. I have one very last question. I promise. I'm just getting the layout of my site and I can't seem to figure it out. so I want the green table to remain the same size and is aligned at the bottom... so the top part can be expanded so that when new content is added, it will expand, but the lower part stays the same size. expanded: oh, and these aren't table rows or data cells. I made them so they are 3 tables within one huge table. anyone have ideas? thanks in advance. this site is really helpful.
I can't imagine why you'd want to mess with tables for a simple two column layout. Fill this with appropriate content and watch how each block handles things. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title></title> <meta name="generator" content= "HTML Tidy for Linux/x86 (vers 1 September 2005), see www.w3.org" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="editor" content="Emacs 21" /> <meta name="author" content="Gary Turner" /> <style type="text/css"> /*<![CDATA[*/ html, body { margin: 0; padding: 0; } #wrapper { width: 760px; margin: 0 auto; overflow: hidden; } #sidebar { width: 250px; float: right; border: 1px solid #800; } #main { margin-right: 260px; } #main div { border: 1px solid #008; } #main .fixed { height: 250px; margin-top: 5px; border: 2px solid #080; overflow: auto; } /*]]>*/ </style> </head> <body> <div id="wrapper"> <div id="sidebar"> <h2>sidebar</h2> </div> <!-- end sidebar --> <div id="main"> <div> <h2>expandable block</h2> </div> <div class="fixed"> <h2>fixed block</h2> </div> </div> <!-- end main --> </div> <!-- end wrapper --> </body> </html> Code (markup): cheers, gary
Your original design will not work because even though the bottom-table will remain the same size, the top-table will push the bottom-table down as the top-table grows larger with contents. Try my code below. I intentionally put some random content at top-table so that you can see how it "moves" down with the bottom-table remains the same. Some important parameter which you can change later: table width = 800 top cell width = 600 bottom cell width = 600 bottom cell height = 200 right cell width = 200 right cell height = 600 <html><head><meta http-equiv="Content-Language" content="en-us"><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><title>New Page 1</title></head><body><div align="center"><table border="0" cellpadding="0" style="border-collapse: collapse" width="800"><tr><td width="600"><font size="2">This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.This dive site is located to the southeast of Sipadan. To get your bearing right, the only jetty in Sipadan is facing just about north. Access to Midreef is by boat for about 10 minutes from the main beach at Sipadan. Dive depth is between 15-20 metres. No noticeable current.</font></td><td rowspan="2" height="600" width="200"> </td></tr><tr><td height="200" width="600"> </td></tr></table></div></body></html> HTML: