altezza dei div..

[darkiko]

scusate se l'argomento dovesse essere vecchio ma se faccio una ricerca con "altezza div" mi perdo in 100.000 thread...

domanda semplice:
ma come diavolo è possibile che se metto un <img> dentro un div, a cui non imposto l'altezza (IE poi non conosce pure la min-height ) il bordo sotto di quel div mi taglia fuori l'immagine?

cioè l'altezza di un div si adatta al testo contenuto, ma non considera le immagini contenute, sia che siano a loro volta in un div specifico, che genericamente inserite nel testo..

perchéé?? e soprattutto, come rimediare?

grazie

[pacovox]

Hai impostato il float all'immagine?

[darkiko]

Originariamente inviato da pacovox
Hai impostato il float all'immagine?

si, ma non cambia..

sia inserite in un div specifico che all'interno del testo


ssfhsjfh jsd hfshf hjs f <img></p> il div contenitore non si adatta..
il bordo sotto si posiziona appena sotto il testo, e se l'immagine è più alta del testo la taglia di netto..

[pacovox]

Un elemento a cui è applicato il float, nel tuo caso <img>, non viene considerato dall'elemento contenitore il quale non si adatta in altezza, al contrario gli altri figli lo tengono in considerazione adattandosi e disponendosi attorno.
Una soluzione potrebbe essere quella di aggiungere <br style:"clear:both" /> o <div style="clear:both;"></div> dopo il testo.

[darkiko]

grandissimo, aggiungendo <div style="clear:both;"></div> dopo il testo effettivamente funziona
vedo il testo precedente completamente bianco (che su sfondo bianco non è il massimo ) ma adesso provvedo a capire il perché e sistemare..

davvero 1000 grazie per l'aiuto e il chiarimento

[darkiko]

effetto stano solo in IE: con clear:both vedevo il testo bianco.. con clear:left lo vedo corretto.. why? :master:

[darkiko]

Originariamente inviato da darkiko
effetto stano solo in IE: con clear:both vedevo il testo bianco.. con clear:left lo vedo corretto.. why? :master:

modifico..

mi succede con IE (solo il 6) una cosa veramente strana..
praticamente quando accedo alla pagina non vedo un pezzo di testo, ma se passo col mouse per selezionarlo c'è.. o se faccio scrollare la pagina in giù e poi torno su appare..

FF ovviamente non lo fa, ma neppure IE 5.5 o 5.1 (che pure sballano qualche altro dettaglio..)

ma perché diavolo fa così? :master:

[Xinod]

peekaboo?
http://www.positioniseverything.net/.../peekaboo.html

leggi anche il bug della ghigliottina
http://www.positioniseverything.net/...uillotine.html

ciao

[darkiko]

Originariamente inviato da Xinod
peekaboo?
http://www.positioniseverything.net/.../peekaboo.html
ciao

ecco, fa esattamente questo

adesso cerco di capire come fare a risolvere..

[darkiko]

non capisco come fare..

se tolgo il div con clear:both; consigliato da pacovox funziona ma il bordo sotto mi taglia l'immagine..
se lascio quel div (o p o span che sia) c'è il bug..

come posso fare?

è ridicolo che sono tre blocchi di testo assolutamente identici, due mi danno questo problema mentre l'altro funziona correttamente ..