Real expert help with CSS tables needed

Hello everyone,

I am trying to redesign my web site according to http://www.beanstalk-inc.com/article...pider-path.jpg and I thought it would be easy, but I no longer think so after three days of pulling my hair.
This is a real nightmare and nobody seems to be able to help me with this.

This is the best attempt so far http://www.cesta-zivotom.sk/test3.htm
It works fine for Firefox, but sucks (the gap) in IE.

With less text ( http://www.cesta-zivotom.sk/test4.htm ), it works fine on both.

Heeeeeeelp!

Probably because no-one has been designing site with tables for so long

Hmmm ... I'm really not sure ... I one of those I described ^

Have you tried putting valign=top on the <td>'s instead?

Well, if you can achieve the same result without the tables, go ahead!

The first attempt was designed without CSS, just plain old HTML, but then I realized, CSS will give me more control over the cells and it did, except it probably does not work as it should in IE.

The gap seems to grow 1 pixel for every line or two of the main text.

we're on about IE6 yeah?
looks fine in IE7

P.S. Wooh 1,000 posts XD

Do you really need this bit?

Code: Select all

<table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr valign="top" class="navbg">
            <td class="navp">
            <span class="navp">navigation <br />
            </td>
          </tr>

        </table>

Why don't you just insert the navigation into the left column?

This won't help your immediate problem, but when you have a chance, look through the links here to see how you could achieve the same thing without tables.

Not me ... but you can ... just look at the sticky thread in this forum called Resources for learning how to use CSS for layout

HTML and CSS work together. HTML is the structure and CSS handles the presentation.