2009-08-17 5 views
9

sto utilizzando il framework CSS 960.gs su un sito e hanno colpito i problemi quasi istantaneamente con IE (7, anche se suppongo 6 non è migliore).960 Griglia allinea lasciato in Internet Explorer

<html> 
<head> 
    <link rel="stylesheet" href="design/reset.css" /> 
    <link rel="stylesheet" href="design/960.css" /> 
    <link rel="stylesheet" href="design/text.css" /> 
</head> 
<body> 
    <div class="container_12">abc</div> 
</body> 
</html> 

Dato questo HTML sopra (la CSS è solo i file in bundle con 960), Firefox e Chrome centro della griglia, mentre IE spinge verso sinistra.

Ho usato 960 prima senza problemi, quindi penso che io devo solo fare qualcosa di veramente stupido. Qualcuno può aiutare?

+0

Se possibile, si prega di cambiare il titolo di questa domanda a - "Griglia a 960 gradi allineati a sinistra in Internet Explorer" questo potrebbe aiutare gli altri a trovare facilmente questa domanda risolta ... evviva! – foxybagga

+0

@Pushpinder - Si chiama '960.gs (per grid-system), e se si cerca '960gs sinistra Allinea in Internet Explorer' questo è già il terzo risultato. – nickf

risposta

25

è necessario includere un DOCTYPE all'inizio del codice HTML, altrimenti il ​​CSS non verrà fuori proprio in IE. È possibile utilizzare quello del file demo fornito con il pacchetto 960.

+2

Grazie! '' è bastato. Bizzarro, ma vero. – nickf

+0

Ha funzionato anche per me. Grazie! –

+0

Ha funzionato anche qui. Grazie! – Justin

2

Va notato che non ci può essere nulla di fronte al DOCTYPE-tag.

Ad esempio, il modello HTML Netbeans predefinito presenta alcune righe di commenti HTML prima di DOCTYPE, quindi assicuratevi di eliminarlo per far funzionare 960.gs.