problema con float

**zoom** · 23-03-2004, 16:00

sto facendo una pagina table-less...
ho qualche problemino con IE che come al solito fa quello che vuole...
questo però me lo fa anche con Firefox e la cosa non mi torna....
ho tre div da affiancare.
gli assegno questi attributi

codice:

#menu-link{
	width:15em;
	float:left;
	min-width:190px;
}
#menu-content{
	min-height:250px;
	min-height:750px;
	position:relative;
	height:auto!important;
	height:750px;
	margin-left: 16em;
	margin-right:16em;
}
#menu-news{
	float:right;
	width:15em;
}

menu-content deve stare in mezzo, gli altri due di fianco...
E invece menù-content sta in mezzo, menu-link a sx ma menu-news sta si a dx, ma sotto ai due div... :master:

1****2*****
********3**

perchè non si affianca? :master:
la cosa non mi torna

grazie a chi mi svela l'arcano :di56:

**herrel** · 23-03-2004, 16:58

allora...nel content va messo il float e vanno tolti o ridimensionati di margini troppo grandi, potresti fare così:

<html>
<head>
<title>Untitled</title>
<style>
#menu-link{
width:20%;
float:left;
min-width:190px;
background:red;
}
#menu-content{
float:left;
width:60%;
min-height:250px;
min-height:750px;
position:relative;
height:auto!important;
height:750px;
background:blue;
}
#menu-news{
float:right;
width:20%;
background:red;
}
</style>
</head>

<body>
<div id="menu-link"></div>
<div id="menu-content"></div>
<div id="menu-news"></div>

</body>
</html>

se hai la necessità di mantenere gli spazi ai lati puoi mettere un padding...prova!

ps. mi chiedevo dei due min-height?

**zoom** · 23-03-2004, 17:25

:metallica :metallica
funzia.
il min-height doppio era un errore...

adesso ho due dubbi, provo a chiederlo qui, poi al limite apro un 3d nuovo...

1. Perchè se devo posizionare un div in maniera assoluta normalmente faccio così:

<div>
*****<div>
*****</div>
<div>
Con quello esterno posizionato in maniera relativa, quello interno assoluta. Non dovrebbe prendere come riferimento di partenza il primo div relativo più esterno a lui?
Non so se mi sono capito...

Il top e il left dell'assoluto non sono i margini alto e sx del primo div relativo che lo contiene? oggi IE non vuole comportarsi cos' e va a prenderne uno più fuori...

2. Perchè IE non mi fa un normalissimo background-color su un link? :master:

codice:

		.BARmicroE {background-color:#F6EFE9;color: #808080;}
		.BARmicroE:hover {background-color:#805D49;	color:#FFFFFF;}

sono stanco e non ragiono più

**herrel** · 23-03-2004, 18:51

allora:

1- per il posizionamento devi fare al contrario, l'assoluto deve contenere il relativo!

2- il rol non va perchè la pseudo-classe Ie la associa solo al tag a, quindi .BARmicroE a:hover in futuro queste pseudo-classi potranno essere associate anche ad altri tag come img :magari:

**Marcolino's** · 23-03-2004, 20:59

No è giusto il relativo contiene l'assoluto, o meglio se vuoi che i riferimenti di quello interno, siano riferiti al layer esterno, devi fare come hai detto.
Controlla meglio il codice css, o meglio dai un'occhiata alla pillola segnata nella mia firma, c' una lunga discussione tra me e jerry su come è meglio realizzare dei livelli nidificati

**zoom** · 23-03-2004, 21:39

@herrel. per il due ok. mi ero confuso :stancoestufo:...
a mezzogiorno non avevo fatto la pausa e ero fuso...

però il resto dovrebbe andare, come dice anche marcolino's....
domani controllo e al limite posto il problema...

gracias

**herrel** · 24-03-2004, 00:07

il posizionamento assoluto non pùò essere "contenuto" proprio perchè assoluto, esso infatti fa solo riferimento a quello relativo!

la soluzione del relativo prima dell'assoluto serve per risolvere eventuali problemi di ridimensionamento in caso di risoluzioni diverse.

se posti senza cordinate il layer che può contenere l'altro è solo quello con posizionamento assoluto!

ma questa è una delle tante interpretazioni

**span** · 24-03-2004, 09:38

Originariamente inviato da herrel
il posizionamento assoluto non pùò essere "contenuto" proprio perchè assoluto, esso infatti fa solo riferimento a quello relativo!
la soluzione del relativo prima dell'assoluto serve per risolvere eventuali problemi di ridimensionamento in caso di risoluzioni diverse.
se posti senza cordinate il layer che può contenere l'altro è solo quello con posizionamento assoluto!
ma questa è una delle tante interpretazioni

l'assoluto fa riferimento al relativo in cui è contenuto

**span** · 24-03-2004, 09:41

Originariamente inviato da zoom
sto facendo una pagina table-less...
ho qualche problemino con IE che come al solito fa quello che vuole...
questo però me lo fa anche con Firefox e la cosa non mi torna....
ho tre div da affiancare.
gli assegno questi attributi

codice:

#menu-link{
	width:15em;
	float:left;
	min-width:190px;
}
#menu-content{
	min-height:250px;
	min-height:750px;
	position:relative;
	height:auto!important;
	height:750px;
	margin-left: 16em;
	margin-right:16em;
}
#menu-news{
	float:right;
	width:15em;
}

menu-content deve stare in mezzo, gli altri due di fianco...
E invece menù-content sta in mezzo, menu-link a sx ma menu-news sta si a dx, ma sotto ai due div... :master:

1****2*****
********3**

perchè non si affianca? :master:
la cosa non mi torna

grazie a chi mi svela l'arcano :di56:

per me avrebbe funzionato anche solo cambiando la disposizione dei div. Questo perché un elemento con applicato il float fa "floattare" (fatemi passare il termine

) gli elementi che seguono, ma NON quelli che precedono.

tu probabilmente avevi disposto i div così:

<div id="menu-link"></div>
<div id="menu-content"></div>
<div id="menu-news"></div>

e news, giustamente, slittava sotto content che non aveva un float. Quindi o dai un float a content (come ha detto herrel) o metti prima news e lasci così com'è il tuo CSS

<div id="menu-link"></div>
<div id="menu-news"></div>
<div id="menu-content"></div>

**zoom** · 24-03-2004, 11:49

:metallica
grande span.
mò capiii

perchè però questa classe

codice:

		a.BARmicroSp{	background-color:#F8F4FD;color: #808080;}
		a.BARmicroSp:hover {	background-color:#920154;color:#FFFFFF;}

richiamata cos'

codice:

 SPETTACOLO |

con exploder non cambia il colore di sfondo? :master:

adesso ricontrollo il discorso dall'assoluto perchè mi sembra proprio di avere un box relativo che contiene l'asosluto...

Discussione: problema con float

Strumenti discussione

Ricerca discussione

Visualizza

problema con float

Re: problema con float

Permessi di invio