Ciao a tutti,
ho una problematica di cui non riesco assolutamente a venirne a capo.
Spiego in dettaglio: ho due div uno sotto l'altro, senza margini, senza padding.
Tutto funziona correttamente solo se il div sottostante è vuoto o contiene testo non formattato: se chiudo il testo entro i tag
</p> o <h1></h1>, si crea uno spazio tra i due div. E non capisco il motivo. Credo succeda anche con altri tag o contenitori ma dovrei testare.
Il problema si risolve se immetto un tag
prima del tag
ma è una soluzione che voglio evitare perchè mi si creano problemi in strutture più complesse e quando entrano in gioco margini e padding.
Ho testato con Firefox e Chrome, ma presumo il problema esista per tutti gli altri browser. Sicuramente sbaglio qualcosa io, ma non ho idea. Non voglio pensare di aver scoperto un bug...
Ho messo tre esempi di riferimento con codice minimale che illustrano le varie situazioni.
1. problema con tag
</p>: http://australyan.ilbello.com/xhtml/test/index.html
2. ok senza tag
</p>: http://australyan.ilbello.com/xhtml/test/index2.html
3. ok con cheat
prima del
: http://australyan.ilbello.com/xhtml/test/index3.html
Qualcuno puo' darmi una spiegazione? Ho la sensazione di perdermi in un bicchier d'acqua ma non riesco assolutamente a venirne a capo.