Eccomi di nuovo qui dopo il post sul problema dello sfondo applicato al body che non viene renderizzato da Opera 9.02. Proprio stasera, facendo le ultime prove per lo sfondo, ho notato che tutti gli elementi di heading della pagina puntati dai corrispondenti selettori di elemento, non ereditano la dimensione né la famiglia del font! Per testare con sicurezza, ho creato una pagina molto semplice in modo da non avere regole CSS o elementi XHTML di disturbo. Questo il codice completo:
Come si vede dal codice, la dimensione e le famiglie di caratteri sono impostate per l'elemento body. Poi, la regola dell'elemento h1 reimposta la dimensione del font ma non specifica la famiglia, in quanto essa dovrebbe essere ereditata dall'elemento contenitore più prossimo per cui è stata impostata (il body appunto). Invece, ammesso che non sia colpa del mio PC, succede che mentre il paragrafo eredita correttamente il carattere Verdana con dimensione 12px, l'elemento h1 non solo non eredita la famiglia (appare come Times New Roman), ma nemmeno la dimensione di 13px! Da notare che il problema persiste anche se:codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Prova</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> <!-- body { font-size: 12px; font-family: Verdana,Arial,Helvetica,Sans-serif; color: #606060; background-color: #fff; padding: 0 0 9px 0; margin: 0; } h1 { font-size: 13px; color: #69c; padding: 7px 0 0 0; margin: 0; } p { padding: 5px 0 16px 0; margin: 0; } --> </style> </head> <body> <h1>Lorem ipsum</h1> Lorem ipsum dolor sit amet...</p> </body> </html>
1. imposto esplicitamente dimensione e famiglia di carattere nella regola dell'h1 SENZA eliminare quelle dichiarate nel body.
2. applico una classe o un id all'elemento h1 e modifico il selettore con h1.nomeclasse o h1#nomeid, sempre SENZA eliminare le impostazioni del font nella regola del body.
3. modifico il tag e il selettore corrispondente con un qualsiasi altro elemento di heading.
Sembra insomma che gli elementi di heading vogliano dimensioni e famiglia di carattere specificate appositamente e che per il body tali proprietà non vadano mai specificate.
Qualcuno può provare questo codice per vedere se effettivamente si tratta di un bug di Opera 9.02? Tutti gli altri browser non hanno problemi, nemmeno quell'indecenza di IE.
Grazie a tutti
Rispondi quotando
