div float con margini negativi tagliato

[Mixio]

Salve a tutti,

ho un div float che vorrei uscisse fuori dal suo div contenitore e ho pensato di usare i margini negativi, il problema è che come al solito Exploder rompe le pa..e tagliandomi il contenuto.

Esiste qualche soluzione?

<div id="main">

<div id="fuori">

Testo fuori</p></div>
<h2>Testo Testo</h2>
<h3>Testo Testo</h3>
</div>

#main {
	width: 90%;
	border-style: solid;
	border-width: 1px;
}

#fuori {
	float: right;
	margin: -10px 10px 0 0;
	background: #fff;
}

p {
	margin: 0;
}

[gengix]

così puoi ottenere lo stesso risultato:

css

#main 
{
	width: 90%;
	border-style: solid;
	border-width: 1px;
	position:relative;
}
#fuori 
{
	top:-10px;
	right:10px;
	background: #fff;
	position:absolute;
}
p {
	margin: 0;
}

[Mixio]

Originariamente inviato da gengix
così puoi ottenere lo stesso risultato:

css

#main 
{
	width: 90%;
	border-style: solid;
	border-width: 1px;
	position:relative;
}
#fuori 
{
	top:-10px;
	right:10px;
	background: #fff;
	position:absolute;
}
p {
	margin: 0;
}

naturalmente si, solo che era interessante capire se questo bug di IE fosse risolvibile.

[gengix]

Specifica quando posti che il bug si verifica con IE6.
Cmq é un bug senza spiegazione che si può risolvere anche mettendo semplicemente un position:relative all'elemento con i margini negativi.
La sorgente l'ho trovata qui nell'articolo di Gabriele:

http://gabrieleromanato.altervista.o...one-di-ie-win/

[Mixio]

perfetto, ora è a posto, grazie.