html - forms in tables cell height too great -


The following HTML results are in a table row, which is very long. Why this happens (I've only seen it in Firefox) and I need to reduce it to the height of the height of the 'box'.

  & lt; Html & gt; & Lt; Head & gt; & Lt; Title & gt; Table Test & lt; / Title & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Center & gt; & Lt; P & gt; The table below the table is too long for content ... & lt; / P & gt; & Lt; Table range = "1" & gt; & Lt; TR & gt; & Lt; Th align = "center" & gt; Field Name & lt; / Center & gt; & Lt; / TD & gt; & Lt; Th align = "center" & gt; Field value & lt; / Center & gt; & Lt; / TD & gt; & Lt; TR & gt; & Lt; TR & gt; & Lt; TD align = "true" & gt; Keycode & lt; / TD & gt; & Lt; TD & gt; NANTC06500402.00417 & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; TD align = "true" & gt; PADVER & lt; / TD & gt; & Lt; TD & gt; NantC0402.0 & lt; / TD & gt; & Lt; / TR & gt; & Lt; Tr & gt; & Lt; Td align = "right" & gt; PARISH_CODE & lt; / Td> & Lt; TD & gt; Nant & lt; / Td> & Lt; / Tr & gt; & Lt; Tr & gt; & Lt; Td align = "right" & gt; TAGGED & lt; / Td> & Lt; TD & gt; 0 & lt; / Td> & Lt; / Tr & gt; & Lt; Tr & gt; & Lt; Td align = "right" & gt; DATED & lt; / Td> & Lt; TD & gt; 8410420 & lt; / Td> & Lt; / Tr & gt; & Lt; Tr & gt; & Lt; Td align = "right" & gt; FORENAME & lt; / Td> & Lt; TD & gt; William & lt; / Td> & Lt; / Tr & gt; & Lt; Tr & gt; & Lt; Td align = "right" & gt; SEX & lt; / Td> & Lt; TD & gt; M & lt; / Td> & Lt; / Tr & gt; & Lt; TR & gt; & Lt; TD align = "true" & gt; FATHER_FORENAME & lt; / TD & gt; & Lt; TD & gt; John & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; TD align = "true" & gt; MOTHER_FORENAME & lt; / TD & gt; & Lt; TD & gt; Anne & lt; / TD & gt; & Lt; / TR & gt; & Lt; Tr & gt; & Lt; Td align = "right" & gt; SURNAME & lt; / Td> & Lt; TD & gt; Palin & lt; / Td> & Lt; / Tr & gt; & Lt; Tr & gt; & Lt; Td align = "right" & gt; OCCUPATION & lt; / Td> & Lt; TD & gt; Ostler & lt; / Td> & Lt; / Tr & gt; & Lt; Tr & gt; & Lt; Td align = "right" & gt; RESIDENCE & lt; / Td> & Lt; TD & gt; Nant & lt; / Td> & Lt; / Tr & gt; & Lt; TR & gt; & Lt; TD align = "true" & gt; ADDITIONAL_INFORMATION & lt; / TD & gt; & Lt; TD & gt; Hospital STREET & lt; / TD & gt; & Lt; / TR & gt; & Lt; Tr & gt; & Lt; Td align = "left" & gt; & Lt; Form method = "post" action = "..." & gt; & Lt; Input type = "submit" value = "PREV" & gt; & Lt; Input type = "text" name = "keycode" value = "NANTC06500402.00416" size = "30" read-only & gt; & Lt; / Form & gt; & Lt; / TD & gt; & Lt; Td align = "right" & gt; & Lt; Form method = "post" action = "..." & gt; & Lt; Input type = "text" name = "keycode" value = "NANTC06600401.10001" size = "30" read-only & gt; & Lt; Input type = "submit" value = "next" & gt; & Lt; / Form & gt; & Lt; / TD & gt; & Lt; / TR & gt; & Lt; / Table & gt; & Lt; / Center & gt; & Lt; / Body & gt; & Lt; / Html & gt;  

I have tried to use a div to keep every form (not shown in the code above), but it is not working. I tried to center the vertical forms within the cell - which did not work either.

What problem do my HTML or the way the cell cell content present ...?

I checked the code and it is providing fine with the same height of all the rows.

However, I have found two incorrect tags that you should remove.

  • < P> Do you have an external style sheet that is setting the height of the form?

    / div>

  • Comments