Newsgroup: it.lavoro.professioni.webmaster
Titolo: |HTML| div  float left e ridimensionamento automatico

ciao, stavo facendo un layout su più colonne
volevo usare solo i div... 
per esempio div contenitore di 700 pixel
e sotto i vari div
c'è però un punto dove ho delle voci allineate orizzontalmente
con la proprietà float left
mettiamo che sono 5 voci, di dimensioni variabili in base al contenuto
 (titolo testuale)
come faccio a fare in modo che cmq, i div left si ridimensionino in
 modo da espandersi riempiendo tutto il div contenitore?
se non metto dimensioni ho 5 div che arrivano fino ad un certo punto
se metto le dimensioni minime e ho un div più lungo e uno più corto, il
 corto non diventa giustamente più piccolo x fare spazio al grande
se metto la dimensione percentuale x ogni div, quando c'è un div più
 lungo, mi va a capo il testo
con la tabella ci riuscirei senza problemi, ma coi div per il momento
 no :)

  no :)
magari cosě č piů chiaro :)
<html>
<head>
	<title>Untitled</title>
<style type="text/css">
guscio
{
	width: 740px;
	text-align: left;
	background-color: #CC9999;
}
cella
{
	background-color: #999999;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
	border: 1px solid White;
	float: left;
	text-align: center;
}
</style>
</head>
<body>
<center>
<div class="guscio">
<div class="cella">ccc dgfd gfd gf dgf dgfd fg gf gfdgf dgf ddfgdfg
 fgdgf dg</div>
<div class="cella">ddd</div>
<div class="cella">aaa</div>
</div>
</center>
</body>
</html>

  no :)
Non lasciarti prendere dal lato oscuro della Forza!
Ciao

 Non lasciarti prendere dal lato oscuro della Forza!
la tentazione è molto forte, soprattutto se non c'è soluzione coi div :)

 modo da espandersi riempiendo tutto il div contenitore?
Qui è spiegato come evitare questo problema:
http://positioniseverything.net/easyclearing.html
Si basa tutto sull'inserimento di css che correggono questo bug. Vedi il
punto con questo css:
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-table;}
Ciao
-- 
AZ [Microsoft - .NET MVP]
Mia Home page: 
http://ciclismo.sitiasp.it
Asp.Net community: 
http://www.aspitalia.com
Il mio blog: 
http://blogs.aspitalia.com/az

 la lunghezza del template, e che ovviamente non vada a capo
Se ho capito bene quello che vuoi fare, probabilmente la soluzione e' di
ridimensionare le div da javascript.
'bye

 
mmm non so se ho capito bene
questo fix serve ad impedire che il testo sfori, giusto?
il mio problema č far riempire gli spazi vuoti anche quando non c'č
 abbastanza testo
nell'esempio corrente, se tolgo un po' di testo, si accorcia in altezza
 il div e si vede lo sfondo
come posso farlo di larghezza dinamica senza legare la cella al suo
 contenuto?
ovvero, non voglio dovergli dire che la cella 3 ha meno roba e che
 quindi č larga X pixel, mentre l'altra con piů testo č larga Y pixel
-- 
Vuoi postare velocemente?
http://x-privat.org

 'bye
ehm volevo fare una cosa abbastanza accessibile, se no a quest'ora con
 le tabelle avevo già fatto 10 siti :)
però mi sembra strano ci siano queste difficoltà, non mi sembra una
 casistica rara


  casistica rara
Se al posto di HTML fosse stato XUL la cosa era facilmente risolvibile
(attributi flex e qualche elemento spacer se necessario) :-)
'bye