"@media" e "* html"

**keccoblu** · 24-10-2005, 14:50

Guardate il foglio di stile di questo link:
http://www.csszengarden.com/?cssfile=/181/181.css&page=0

Ad un certo punto si trova:

@media screen {
div#pageHeader, div#quickSummary {
position: fixed;
}
* html div#pageHeader, * html div#quickSummary {
position: absolute;
}
}

Perchè il "position:fixed" è stato inserito dentro al "@media screen"?
Perchè ha usato "* html" e il "position:absolute"? E' un qualche hack? A cosa serve?

Grazie a tutti

**pierofix** · 24-10-2005, 14:54

Originariamente inviato da keccoblu
Perchè il "position:fixed" è stato inserito dentro al "@media screen"?

Probabilmente perchè, in fase di stampa, molti browser non riescono a paginare il contenuto posizionato secondo quel criterio.

Perchè ha usato "* html" e il "position:absolute"? E' un qualche hack? A cosa serve?

Sì, credo proprio si tratti si qualche hack, ma non saprei dirti esattamente chi tiene a bada: adesso non ho molto tempo per spulciare l'intero foglio di stile.

**thomas_anderson** · 24-10-2005, 17:51

Semplicemente con quella dichiarazione (che credo serva proprio per quel browser che Piero ama così tanto

) si ribadisce il posizionamento di quell'id, fissandolo a livello dell'elemento root per eccellenza. Tradotto, se non erro, sarebbe: "per tutti gli elementi in <html> + id specifico".

**bagu** · 24-10-2005, 18:54

è un hack che fa stare fixed un div anche in ie o qualcosa di simile

**pacovox** · 25-10-2005, 01:21

* html div#pageHeader{...}

In Italiano: La dichiarazione si applica a tutti i div con id pageHeader discendenti di html a sua volta discendente di "qualsiasi elemento".
Visto che html non può essere discendente di nessuno, tutti i browser semplicemente ignorano la dichiarazione.
IE come al solito fa come gli pare, ed ecco servitogli l'ennesimo hack.

**pierofix** · 25-10-2005, 09:21

Originariamente inviato da pacovox
* html div#pageHeader{...}

In Italiano: La dichiarazione si applica a tutti i div con id pageHeader discendenti di html a sua volta discendente di "qualsiasi elemento".
Visto che html non può essere discendente di nessuno, tutti i browser semplicemente ignorano la dichiarazione.
IE come al solito fa come gli pare, ed ecco servitogli l'ennesimo hack.

Grazie per la delucidazione.

Discussione: "@media" e "* html"

Strumenti discussione

Ricerca discussione

Visualizza

"@media" e "* html"

Re: "@media" e "* html"

Permessi di invio