With a vertical split frameset, how to ensure absolutely ZERO SPACE between? I need L&R to join up seamlessly.

Is it possible to have no visual gap between the frames?

On left page I have a table with multiple rows of different colours. On the right the whole page displayed is the same colour as the selected tab on the left. (When user clicks one of the rows on the left, it opens the relevant page on the right). I want it to look like the left "tab" and the right page are AS ONE. Does this make sense?

I'm using Dreamweaver MX, and currently, even with all page, frames and frameset borders set to 0 I'm still getting a huge gap in the middle where the frames meet when I preview in IE. Yet in design mode, there's no visual gap. GRRRR.

Am I trying to achieve the impossible?

AHHHHHH - The CSS didn't do squat LOL (but thanks anyway) BUT I worked it out - I had to make both frames NO SCROLL (which sucks cos I'll have to ensure content is fairly minimal), but it took away the space in between wooopeeeee!

You probably should try to avoid using frames and framesets at all, because they are not very "search engine friendly." That means, if you're building a Web site that you want to be found by the search engines and "spidered," they can't handle framesets as easily as regular HTML or CSS pages.

That said, if you want a better way to layout pages, and you're using Dreamweaver, try using tables. It's not as complicated as Cascading Style Sheets (CSS) can be, in my opinion. You can divide your table into however many columns or rows you need, and by using the "cellpadding=0" and "cellspacing=0" table attributes, it makes it easy. You can also "nest" tables inside of tables, so that makes it easy. Here's some sample HTML.

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>This is a table data cell.</td>
<td>This is a table data cell.</td>
<td>This is a table data cell.</td>
</tr>
<tr>
<td>This is a table data cell.</td>
<td>This is a table data cell.</td>
<td>This is a table data cell.</td>
</tr>
<tr>
<td>This is a table data cell.</td>
<td>This is a table data cell.</td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#FF0000">This is a nested table</td>
</tr>
<tr>
<td bgcolor="#FFFF00">With three rows</td>
</tr>
<tr>
<td bgcolor="#0000FF">Each with a different background color</td>
</tr>
</table></td>
</tr>
</table>

You can adjust the alignment and spacing to achieve the desired effect. That might be a simpler workaround than your frameset or CSS options.

Hope that helps!

redefine the frameset tags in yr style sheet so their is no padding or margin i.e

frameset{
padding:0;
margin:0;
}