Perché Modernizr non funziona per me?

Non credo che mi piaccia al modernista, qualcuno può dirmi per favore cosa sto facendo male. Non riesco a convincere modernizr a lavorare su firefox, cioè ecc … Sto solo usando elementi come header, footer e nav …

Questo è il mio codice:

       <!--       try{Typekit.load();}catch(e){}  

Controllando il firebug si ottiene bene, ottengo tutti gli elementi che dovrei ma nessuno degli elementi funziona …

Ad esempio se faccio clic sull’intestazione in firebug e modifico l’altezza CSS su 5000px non si muove, anche l’allineamento ecc non è corretto.

    Probabilmente stai dimenticando di modellare i nuovi elementi HTML5 come elementi a livello di blocco. Per impostazione predefinita, i browser trattano qualsiasi elemento sconosciuto come elemento in linea ( display:inline ) che rende difficile fare molto con loro.

    I nuovi browser stanno pianificando lentamente i nuovi elementi HTML5 come stabili, il che significa che iniziano a dare loro uno stile predefinito come display:block per l’elemento di header , per esempio. Ma la maggior parte dei browser sul mercato oggi non ha quegli stili predefiniti per gli elementi HTML5, quindi dovrai fornirli.

    Ecco un rapido esempio di CSS per farlo:

     article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } 

    Aggiungendo che il CSS al tuo main.css dovrebbe risolvere il tuo problema di stile.

    Ho avuto lo stesso problema quando stavo cercando di usare un CDN e non funzionava (avrei potuto avere il link sbagliato). Il test che ho trovato è stato quello di mettere

     .borderradius body { background: #c00; } 

    nel tuo main.css e vedi se lo sfondo diventa rosso. Se è moderno, sta funzionando.

    EDIT: ho anche trovato che lo script deve essere inserito nella parte superiore del documento HTML. Mettendolo in basso, come suggerito per una migliore velocità di caricamento delle pagine, non funziona.