Il titolo di questo post potrà sembrare un controsenso, ma magari
vi sarà capitato almeno una volta di chiedervi: come posso centrare
un elemento che contiene una serie di float a larghezza non determinata?
La recentissima risposta viene data in When a float
is not a float, un estensivo tutorial che presenta una tecnica proprio per
questa situazione: ecco l'esempio.
In sostanza si tratta di usare i float combinati con i posizionamenti relativi.
La tecnica richiede un contenitore aggiuntivo (nel caso dell'esempio un div che
contiene la lista) e il commento condizionale per sistemare la resa su IE, ma
tutto sommato è semplice e offre una buona compatibilità . Ho testato
l'esempio con successo su IE dalla versione 5 alla 7 oltre che sulle ultime versioni
di Firefox, Opera e Safari.
/https://www.html.it/app/uploads/2024/04/css.png)
/https://www.html.it/app/uploads/2024/01/cssday.png)
/https://www.html.it/app/uploads/2023/10/cssday2024.png)