none
Problema de colocacion de tablas a la hora de imprimir pagina html RRS feed

  • Pregunta

  • 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-->

    lunes, 13 de noviembre de 2017 9:54

Respuestas

  • ¿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

    • Marcado como respuesta JETET lunes, 13 de noviembre de 2017 12:29
    lunes, 13 de noviembre de 2017 10:10
  • Quita los "border:none" de las líneas <hr>

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

    ...


    Saludos, Javier J

    • Marcado como respuesta JETET lunes, 13 de noviembre de 2017 12:29
    lunes, 13 de noviembre de 2017 12:01

Todas las respuestas

  • ¿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

    • Marcado como respuesta JETET lunes, 13 de noviembre de 2017 12:29
    lunes, 13 de noviembre de 2017 10:10
  • 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-->

    lunes, 13 de noviembre de 2017 11:40
  • Quita los "border:none" de las líneas <hr>

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

    ...


    Saludos, Javier J

    • Marcado como respuesta JETET lunes, 13 de noviembre de 2017 12:29
    lunes, 13 de noviembre de 2017 12:01
  • 1000 gracias javier
    lunes, 13 de noviembre de 2017 12:29