Newsgroup: it.comp.www.html
Titolo: Interruzione del float

Tra tutti i sistemi proposti dai vari guru dei css qual'č il sistema
piů corretto di interruzione del float? io un:
<div class="clear"></div>
.clear {
	clear: both;
	overflow: hidden;
	height: 0;
}
ma ho letto che non č semanticamente corretto aggiungere un div
vuoto,
voi che dite?
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

 corretto di interruzione del float? io un:
Mettere il clear sull'elemento giusto, invece che su uno vuoto.
Inoltre metto sempre l'overflow sui "contenitori di float".
Bye.


 Inoltre metto sempre l'overflow sui "contenitori di float".
ok, ma a volte non si ha un elemento successivo a disposizione e per
compatibilità con i vari browser sono costretto a metterne uno vuoto,
esiste in particolare un altro sistema che vedo utilizzare ma non mi
convince del tutto:
.esempio:after {
	content: "."; display: block; height: 0; clear: both; visibility:
hidden;


 }
Questo non funziona con IE6, da quanto so, perche` non supporta :before 
e :after
Bye.


 e :after
Yep. Se andate a vedere i CSS di Blueprint[1] c'è tutto il codice
per far funzionare la classe "clear" su IE6, IE7, FFox e compagnia.
Molto istruttivo.
Io uso entrambi i sistemi: overflow: hidden sul contenitore e clear:both 
con il poco semantico:
<div class="cut">&nbsp;</div>
(Questa sopra è la forma più affidabile con IE6. Via CSS riduco a 1px
l'altezza di quel &nbsp;.)
Quest'ultimo lo uso spesso perché overflow:hidden fa quello che dice di 
fare, e cioè se c'è un elemento che sporge dal contenitore lo taglia e 
se si sta giocando  con i float e margini negativi per fare "sporgere" 
degli elementi non è bello.
Il class="clear" copiato pari-pari da Blueprint tipicamente lo suo per i 
menu di navigazione orizzontali costruiti con le liste. Es.:
<ul id="nav" class="clear">
   <li><a href="/">Home</a></li>
   <li><a href="/blog/">Blog</a></li>
   <li><a href="/sponsor/">Sponsor</a></li>
   <li><a href="/info/">Informazioni</a></li>
</ul>
Bye.
[1] 
http://code.google.com/p/blueprintcss/
-- 
site 
http://passiomatic.com/
pics 
http://redpunk.com/
lnks 
http://del.icio.us/deelan


 Molto istruttivo.
grazie per la risposta dettagliata, ho dato un'occhiata a Blueprint e
mi sono un po' depresso... pensavo di aver raggiunto un grado di
conoscenza dei css dignitoso e invece guardando Blueprint mi pare di
aver fatto 100 passi indietro, il fatto sta che non ho neanche ben
capito l'utilizzo che se ne possa fare e cosa si vuole intendere con
Framework per css, aldilà del catturare pezzi di css utili come può
essere utilizzato Blueprint?



Bye.
-- 
site 
http://passiomatic.com/
pics 
http://redpunk.com/
lnks 
http://del.icio.us/deelan


 uso solo pezzi di BP, e cioé grid.css.....
grazie per tutte le info, ora vado a studiare il tutto, sicuramente mi
verrà da chiedere qualcos'altro...
ciao


 resto non lo includo.
qui i pareri sono abbastanza discordanti sui reset:
http://blog.html.it/archivi/2008/01/17/resetcss-di-eric-meyer-terza-versione.php
tu che dici?


 tu che dici?
Per le mie esigenze reset.css funziona e quindi me lo tengo.
E' possibile che in futuro cambi idea. Una volta usavo anch'io:
* {margin: 0; padding: 0; border: none }
Ultimanente visto che uso pezzi di BP utilizzo
il suo reset.css.
Vado a leggere il post di Meyer segnalato
nel link sopra.
Bye.
-- 
site 
http://passiomatic.com/
pics 
http://redpunk.com/
lnks 
http://del.icio.us/deelan
