Using rowspan with Internet Explorer and Edge ignore TD height
by mfoley from LinuxQuestions.org on (#4SFYG)
I have the HTML shown below:
Code:<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<TABLE style="width: 100%; background-color: transparent;">
<TR style="vertical-align: top;">
<TD rowspan="2" style="width: 10px; white-space: nowrap; padding: 3px; height: 600px; border: 4px solid gray">
Booga
</TD>
<TD style="border: 4px solid cyan; height: 10px">
Hello world
</TD>
</TR>
<TR style="vertical-align: top;">
<TD style="border: 4px solid red">
The rain in Spain
</TD>
</TR>
</TABLE>
</body>
</html>My problem is that in IE or Edge the TD with "Hello World" does not limit itself to 10px, or any value really. The height of that and the TD containing "The Rain in Spain" appear to be equally split with the height of the rowspan TD of 600px. I want the "Hello World" line to occupy a single line, not half the page.
This works fine in Firefox.
Any ideas?
Code:<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<TABLE style="width: 100%; background-color: transparent;">
<TR style="vertical-align: top;">
<TD rowspan="2" style="width: 10px; white-space: nowrap; padding: 3px; height: 600px; border: 4px solid gray">
Booga
</TD>
<TD style="border: 4px solid cyan; height: 10px">
Hello world
</TD>
</TR>
<TR style="vertical-align: top;">
<TD style="border: 4px solid red">
The rain in Spain
</TD>
</TR>
</TABLE>
</body>
</html>My problem is that in IE or Edge the TD with "Hello World" does not limit itself to 10px, or any value really. The height of that and the TD containing "The Rain in Spain" appear to be equally split with the height of the rowspan TD of 600px. I want the "Hello World" line to occupy a single line, not half the page.
This works fine in Firefox.
Any ideas?