Hello webmaster talk community
Well im coding a website and the content part of it is split into 3 TD columns all in the same row. I've added text to the first TD but when I add text to the second td it aligns it in the vertical middle of the td. My guess is because the second td has less text than the first td but how can I get around this?

Here is a image I made to better explain what I'm trying to solve:
Full size IMG: http://i55.tinypic.com/aaxabc.jpg


Here is my html/css code:

<table>
<tr>

<td id="LeftColumn" style="width: 200px; height: auto; ">My text is here</td>

  <td id="MiddleColumn" style="width: 200px; height: auto; ">My text is here</td>

  <td id="RightColumn" style="width: 200px; height: auto; ">My text is here</td>
  
</tr>
</table>

The valign attribute is what you want. Add valign="top" to the <tr> tag, like this:

<table>
<tr valign="top">

<td id="LeftColumn" style="width: 200px; height: auto; ">My text is here</td>

  <td id="MiddleColumn" style="width: 200px; height: auto; ">My text is here</td>

  <td id="RightColumn" style="width: 200px; height: auto; ">My text is here</td>
  
</tr>
</table>

Hope that helps.

Thank you!!!!!!!!!

WHY are you using tables at all? If it's for layout, you should not be using tables, you should be learning CSS. If it's for DATA ONLY, then that's what tables were meant for!

Like LadynRed said, you can achieve the same result by using CSS. Here's one way.

Note: This is just off the top of my head, corrections are welcome.

CSS:

			
#wrapper {
  width: 630px;
  padding: 0;
}
			
.box {
  float: left;
  width: 200px;
  height: auto;
  background: #FAAA31;
  margin: 0 5px 0 5px;
  padding: 0;
}

HTML:

<div id="wrapper">
   <div class="box">
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie    nisi at lacus aliquet et fermentum diam porta. Proin vestibulum pellentesque tortor ut interdum. Nunc placerat dapibus euismod. Phasellus vel dignissim nisi. Ut cursus augue at purus vestibulum ac consectetur velit tempor. In tempus tristique justo, quis laoreet nulla tristique vel.
   </div>
   <div class="box">
   Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie nisi at lacus aliquet et fermentum diam porta. Proin vestibulum pellentesque tortor ut interdum. Nunc placerat dapibus euismod. Phasellus vel dignissim nisi. Ut cursus augue at purus vestibulum ac consectetur velit tempor. In tempus tristique justo, quis laoreet nulla tristique vel.
   </div>
   <div class="box">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas molestie nisi at lacus aliquet et fermentum diam porta. Proin vestibulum pellentesque tortor ut interdum. Nunc placerat dapibus euismod. Phasellus vel dignissim nisi. Ut cursus augue at purus vestibulum ac consectetur velit tempor. In tempus tristique justo, quis laoreet nulla tristique vel.
   </div>
</div>