Problema de colocacion de tablas a la hora de imprimir pagina html

Question

Buenas tengo un problema a la hora de imprimir una pagina html

el problemas es que en form se ve bien alineada

pero cuando le doy a  previsualizar pagina me sale una tabla mas baja que otra

puse el width:auto; 

primero de una y nada

despues de otra y nada

ambas y nada

este es el codigo

 <!-- TABLA DE LAS MALTAS-->
            <table id="Myfermentables"   style="float:left; width:auto;">
                <thead>
                    <tr>
                        <td width="78%" align="center" style=""><b>Maltas</b><hr style="height:2px;border:none;color:#333;background-color:#333;" /></td>
                        <td width="22%" align="center" style=""><b>Peso Kg.</b><hr style="height:2px;border:none;color:#333;background-color:#333;" /></td>
                    </tr>
                </thead>
                <tbody id="idTBody_Maltas" align="center"></tbody>   
               
                <tfoot>
                    <tr>

                        <td width="78%" align="right"><hr style="height:2px;border:none;color:#333;background-color:#333;" /><b>Peso Total</b></td>
                        <td width="22%" align="center"><hr style="height:2px;border:none;color:#333;background-color:#333;" /><b><label id="totalPesoMaltas">0</label></b></td>
                    </tr>
                </tfoot></table>
              
            
                    <!-- TABLA DE LAS MALTAS-->
            <!-- TABLA DE LOS LUPULOS-->
            <table id="MyLupulos" style="float:right ; width:auto ;">
                <thead>
                    <tr> <!---->
                        <td width="auto" align="center" style=""><b>Lupulos</b><hr style="height:2px;border:none;color:#333;background-color:#333;" /></td>
                        <td width="auto" align="center" style=""><b>Peso Gr.</b><hr style="height:2px;border:none;color:#333;background-color:#333;" /></td>
                        <td width="auto" align="center" style=""><b>Tiempo</b><hr style="height:2px;border:none;color:#333;background-color:#333;" /></td>
                        <td width="auto" align="center" style=""><b>Adicion</b><hr style="height:2px;border:none;color:#333;background-color:#333;" /></td>
                        <td width="auto" align="center" style=""><b>Formato</b><hr style="height:2px;border:none;color:#333;background-color:#333;" /></td>
                        <td width="auto" align="center" style=""><b>Ibus</b><hr style="height:2px;border:none;color:#333;background-color:#333;" /></td>
                        <td width="auto" align="center" style=""><b>Alpha</b><hr style="height:2px;border:none;color:#333;background-color:#333;" /></td>
                    </tr>
                </thead>
                <tbody id="idTBody_Lupulos" align="center"></tbody>

                <tfoot>
                    <tr>

                        <td width="auto" align="right"><hr style="height:2px;border:none;color:#333;background-color:#333;" /><b>Totales</b></td>
                        <td width="auto" align="center"><hr style="height:2px;border:none;color:#333;background-color:#333;" /><b><label id="totalPesoLupulos">0</label></b></td>
                        <td /> 
                        <td />
                        <td />
                        <td width="auto" align="center"><hr style="height:2px;border:none;color:#333;background-color:#333;" /><b><label id="totalPesoIbus">0</label></b></td>
                        <td />
                    </tr>
                </tfoot>
            </table>


            <!-- TABLA DE LOS LUPULOS-->

Answer 1

¿Qué márgenes de página tienes configurados?

Prueba a usar un Porcentaje de ancho menor en los dos cuadros. ¿Qué ancho usas en el marco de los títulos "Nombre  Estilo Bjcp B25"?

---

Saludos, Javier J

Answer 2

Gracias por responder javier

ya lo he solucionado pero tengo otro problema 

Estas lines que tengo en las tablas en form si aparece

pero a la hora de imprimir no aparecen

Codigo

<hr style="height:2px;border:none;color:#333;background-color:#333;" />
                    <!-- TABLAS PRINCIPAL ELABORACION Y NUMERO-->
                    <!-- TABLA ESTILO Y NOMBRE DE LA CERVEZA-->
            <table border="1" style="margin: 0 auto;  float:inherit; width:100%;">
                <tr>
                    <th width="6%" align="left"><b>Nombre</b></th>
                    <th width="40%" align="center"><b><label id="idNombre"></label></b></th>
                    <th width="5%" align="left"><b>Estilo</b></th>
                    <th width="40%" align="center"><b><label id="idEstilo"></label></b></th>
                    <th width="4%" align="left"><b>Bjcp</b></th>
                    <th width="5%" align="center"><b><label id="idBjcp"></label></b></th>
                </tr>
            </table>
                    <!-- TABLA ESTILO Y NOMBRE DE LA CERVEZA-->
            
            <p />
            <!-- TABLA DE LAS MALTAS-->
            <table id="Myfermentables" style="float:left; width:auto;">
                <thead>
                    <tr>
                        <td width="auto" align="center" style=""><b>Maltas</b><hr style="height:2px;border:none;color:#333;background-color:#333;" /></td>
                        <td width="auto" align="center" style=""><b>Peso Kg.</b><hr style="height:2px;border:none;color:#333;background-color:#333;" /></td>
                    </tr>
                </thead>
                <tbody id="idTBody_Maltas" align="center"></tbody>

                <tfoot>
                    <tr>

                        <td width="auto" align="right"><hr style="height:2px;border:none;color:#333;background-color:#333;" /><b>Peso Total</b></td>
                        <td width="auto" align="center"><hr style="height:2px;border:none;color:#333;background-color:#333;" /><b><label id="totalPesoMaltas">0</label></b></td>
                    </tr>
                </tfoot>
            </table>


            <!-- TABLA DE LAS MALTAS-->
            <!-- TABLA DE LOS LUPULOS-->
            <table id="MyLupulos" style="float:right ; width:auto ;">
                <thead>
                    <tr>
                        <!---->
                        <td width="auto" align="center" style=""><b>Lupulos</b><hr style="height:2px;border:none;color:#333;background-color:#333;" /></td>
                        <td width="auto" align="center" style=""><b>Peso Gr.</b><hr style="height:2px;border:none;color:#333;background-color:#333;" /></td>
                        <td width="auto" align="center" style=""><b>Tiempo</b><hr style="height:2px;border:none;color:#333;background-color:#333;" /></td>
                        <td width="auto" align="center" style=""><b>Adicion</b><hr style="height:2px;border:none;color:#333;background-color:#333;" /></td>
                        <td width="auto" align="center" style=""><b>Formato</b><hr style="height:2px;border:none;color:#333;background-color:#333;" /></td>
                        <td width="auto" align="center" style=""><b>Ibus</b><hr style="height:2px;border:none;color:#333;background-color:#333;" /></td>
                        <td width="auto" align="center" style=""><b>Alpha</b><hr style="height:2px;border:none;color:#333;background-color:#333;" /></td>
                    </tr>
                </thead>
                <tbody id="idTBody_Lupulos" align="center"></tbody>

                <tfoot>
                    <tr>

                        <td width="auto" align="right"><hr style="height:2px;border:none;color:#333;background-color:#333;" /><b>Totales</b></td>
                        <td width="auto" align="center"><hr style="height:2px;border:none;color:#333;background-color:#333;" /><b><label id="totalPesoLupulos">0</label></b></td>
                        <td />
                        <td />
                        <td />
                        <td width="auto" align="center"><hr style="height:2px;border:none;color:#333;background-color:#333;" /><b><label id="totalPesoIbus">0</label></b></td>
                        <td />
                    </tr>
                </tfoot>
            </table>


            <!-- TABLA DE LOS LUPULOS-->

Answer 3

Quita los "border:none" de las líneas <hr>

<hr style="height:2px;color:#333;background-color:#333;" />
...

---

Saludos, Javier J

Answer 4

1000 gracias javier