The cell height is going to be controlled by the content. So my basic
table will provide you with the ability to get the looked you asked for
if the content of cells "red" and "yellow" are greater than cells
"green" and "blue."<br>
<br>
Basically I created a table with 3 rows and overlapped two of the cells
into the middle row.  This gives you what you asked for only if
the content fits the design.<br>
<br>
Doug<br>
<br><br><div><span class="gmail_quote">On 9/14/05, <b class="gmail_sendername">Jukka</b> <<a href="mailto:jukka.ylonen@gmail.com">jukka.ylonen@gmail.com</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
2005/9/14, Ciaran Hamilton <<a href="mailto:cs-fslug@theblob.org">cs-fslug@theblob.org</a>>:<br>> I tried starting again from scratch, and I believe this is about as<br>> close to the original picture as you'll get:
<br>><br>> <a href="http://matrix.theblob.org/css-table.html">http://matrix.theblob.org/css-table.html</a><br>><br>> I haven't tried it on IE, but on Firefox it looks great.<br>><br>>  - Ciaran.<br><br>It looks really promising now!! I looks fine in Konqueror and Firefox
<br>(and probably all Mozilla based browsers), only IE is having problems.<br>I took a screenshot at work (WinXP-machine):<br><a href="http://uudenmaankl.sekl.fi/CSS-table.png">http://uudenmaankl.sekl.fi/CSS-table.png</a>
<br><br>Can you tell me what element in code controls cell heights inside the table?<br><br>Blessings,<br>Jukka<br><br>_______________________________________________<br>ChristianSource FSLUG mailing list<br><a href="mailto:Christiansource@ofb.biz">
Christiansource@ofb.biz</a><br><a href="http://cs.uninetsolutions.com">http://cs.uninetsolutions.com</a><br></blockquote></div><br>