Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

Troubleshooting
Research
Professional Opinions
Ask a Question
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE

troubleshooting Question

HTML textarea/select rowspan problem

Avatar of tel2
tel2Flag for New Zealand asked on
Web DevelopmentCSSHTML
6 Comments1 Solution2991 ViewsLast Modified:
Hi Experts,

Have a look at this HTML:
<html>
<body>

  <table>

    <tr>
      <td rowspan="2">
        <textarea rows="2" cols="10">Textarea</textarea>
      </td>

      <td rowspan="3">
        <select size="5" multiple="multiple">
          <option>Select option 1</option>
          <option>Select option 2</option>
          <option>Select option 3</option>
          <option>Select option 4</option>
          <option>Select option 5</option>
        </select>
      </td>
    </tr>

    <tr>
      <td>
        <input type="text" value="Textbox">
      </td>
    </tr>

  </table>

</body>
</html>
Could someone please explain to me, why the above HTML produces sample1.png (attached), instead of the expected sample2.png (also attached).

Since the <textarea> spans 2 rows, and the <select> spans 3 rows, I would have expected the <input> text box to sit under the <textarea>, as it does in sample2.png.

To get sample2.png, I had to change the textarea's:
    <td rowspan="2">
to:
    <td rowspan="1">
(or remove it the rowspan, since 1 is the default), but I don't understand why.

This is using Firefox 3, but I tried IE 6 and got the same kind of problem.

Any ideas what's happening here?

Thanks.
sample1.png
sample2.png