[SOLUCIONADO] Propiedad funciona en webkit y no en moz

diegoguerrero · #1 (**permalink**) 08/01/2016, 15:10

Hola!

Tengo este código CSS y las propiedades del width sí funcionan en WebKit (en Chrome y Safari), pero no en Firefox. ¿por qué?

Gracias!

Capturas Firefox - Chrome.

Código HTML:

Ver original<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Documento sin título</title>
<style>
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic"); 
    body{
        margin: 0;
    }
    .Cabecera{
        background-color: #0072C6;
        font: 600 14px "Open Sans";
        color: white;
        text-align: center;
        height: 26px;
        min-width: 45px;
    }
    .NumeroLista{
        background-color: #0072C6;
        height: 24px;
        font: 600 14px "Open Sans";
        color: white;
        text-align: center;
        width: 35px;
    }
    .CuerpoNormal{
        font: 400 14px "Open Sans";
        min-width: 220px;
        padding-left: 5px;
    }
    .Calificacion{
        text-align: center;
        width: 35px !important;
    }
    .CampoNotas{
        text-align: center;
        font: 400 12px "Open Sans";
        display: inline-block;
        max-width: 30px;
        outline: 0;
        border: 0;
    }
    tr:hover, tr:hover input{
        background-color: #e0e0e0;
        color: black;
    }
</style>
</head>
<body>
    <table>
        <tr>
            <td colspan="2" style="min-width: 22%;" class="Cabecera">Alumno</td>
            <td class="Cabecera">ExU1</td>
            <td class="Cabecera">ExU2</td>
            <td class="Cabecera">ExU3</td>
            <td class="Cabecera">ExU4</td>
            <td class="Cabecera">ExU5</td>
            <td class="Cabecera">ExU6</td>
        </tr>
        <tr>
            <td class="NumeroLista">1</td>
            <td class="CuerpoNormal">Valderrama, Juanito</td>
            <td class="Calificacion"><input type="text" value="1,11" class="CampoNotas" maxlength="4"></td>
            <td class="Calificacion"><input type="text" value="2,22" class="CampoNotas" maxlength="4"></td>
            <td class="Calificacion"><input type="text" value="3,33" class="CampoNotas" maxlength="4"></td>
            <td class="Calificacion"><input type="text" value="4,44" class="CampoNotas" maxlength="4"></td>
            <td class="Calificacion"><input type="text" value="5,55" class="CampoNotas" maxlength="4"></td>
            <td class="Calificacion"><input type="text" value="6,66" class="CampoNotas" maxlength="4"></td>
        </tr>
    </table>
</body>
</html>

carlillos · #2 (**permalink**) 08/01/2016, 15:21

Quita el atributo "style" de la línea 53.