troubleshooting Question

HTML textarea/select rowspan problem

Avatar of tel2
tel2Flag for New Zealand asked on
HTMLWeb DevelopmentCSS
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>

Open in new window

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
ASKER CERTIFIED SOLUTION
Join our community to see this answer!
Unlock 1 Answer and 6 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 6 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros