Question

First of all, I’ve been searching for an answer in Google and forums, but didn’t find, sorry if it has been asked before and if you can link me to an answer it would be great.

Here’s my problem: I have a web calculator made of a table with buttons inside. Here’s a link. If you open it with IE it will be all messed up, so don’t. I’ll work on it later. On FF the rowspaned buttons do not stretch up and down to cover the hole cell, on Chrome it looks as intended. How do I make it look good on FF too? thx in advance to responders.

Answer 1

@yekhezkel gilly3 is probably right. but i found solution to your problem. It works in firefox and chrome. I have not tested in IE.

step1: add a class of fix to all the td‘s containing rowspan=2. It should look something like this.

<td rowspan="2" class="fix">
   <button onclick="modifyInout('+')">+</button>
</td>

Step2: add the following css for fix class

.fix {  
   height: 70px;  /* double the value of td height you specified earlier */
}

Let me know if it helps.

Here is the jsFiddle: (open in firefox or other browser to test it.)

Regards 🙂