Div contenuto che sborda dal contenitore, non funziona in IE?

**jonny** · 01-09-2006, 16:15

Ciao a tutti,

Semplificando molto, io ho un div CONTAINER che contiene un altro div CONTENT che deve, tramite l'utilizzo di margin-top (o bottom se si riesce) sbordare di qualche pixel dal div contenitore.

codice:

<body>
	<div id="CONTAINER">
		<div id="BARRA_CHE_ESCE"></div>
	</div>
</body>

questo è il css:

codice:

<style type="text/css">
#CONTAINER {
	padding:0px;
	border:0px;
	margin:0px;
	height:100px;
	background-color:#000000;
	width:780px;
}
#BARRA_CHE_ESCE {
	float:left;
	margin-left:30px;
	width:720px;
	height:20px;
	background-color:#FF0000;
	margin-top:90px;
	display:inline;
}
</style>

Naturalmente questa non è la vera pagina del sito, ma è un esempio per far capire il problema... comunque il problema è che se si visualizza la pagina in firefox funziona tutto bene, cioè la barra esce dal contenitore di 10px perchè il contenitore è alto 100px ed io ho dato alla barra, che è alta 20px, un margin-top di 90px, ma in internet explorer non funziona, anzi il contenitore mi si alza della parte che dovrebbe sbordare dal contenitore!!!

Qualcuno sa dirmi come posso visualizzare questo effetto di sbordo anche in IE?

grazie in anticipo

**deleted_id_48586** · 03-09-2006, 17:46

In Firefox la proprietà "height" viene interpretata correttamente e quindi FISSATA a prescindere dal contenuto a cui essa è associata.

In IE invece vine interpretata, erroneamente, come una "min-height" e quindi il DIV contenitore vedrà allungarsi a seconda del suo contenuto anche se dovesse eccedere la "height" prefissata.

**Alex80b** · 08-09-2006, 11:44

e se volessi che l'effetto di uscire dalcontenitore non succedesse neanche con mozilla? come dovrei fare?

Discussione: Div contenuto che sborda dal contenitore, non funziona in IE?

Strumenti discussione

Ricerca discussione

Visualizza

Div contenuto che sborda dal contenitore, non funziona in IE?

problema inverso

Permessi di invio