Question

I’m working on a website, which is being built in tables, since I’m not very good with CSS yet.
Got this table structure:

<table>
  <tr>
    <td>Siderbar 1</td>
    <td>Main Part</td>
    <td>Sidebar 2</td>
  </tr>
</table>

My problem is that once my “Main Part” expands down, the sidebars moves down with it, allways trying to be in the middle.

Is there a way I can make them stay at the top?

Answer 1

Use <td valign="top"> to make your sidebar always in top like

<table>
  <tr>
    <td valign="top">Siderbar 1</td>
    <td>Main Part</td>
    <td valign="top">Sidebar 2</td>
  </tr>
</table>

and if your sidebar content can be more than main part, then you can also add <td valign="top"> to Main Part.