Newsgroup: it.comp.www.html
Titolo: domanda semplice sui div (forse)

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 :)
-- 
w3c... abrogati questo 8===========> (IE > altri browser)
******************************************************
http://x-privat.org
 - 
http://tinyurl.com/4y7aa
******************************************************

  lungo, mi va a capo il testo
Se sono 5 fissi e la larghezza totale e` fissa, questo e` il
comportamento corretto. Non vedo come farebbe il browser a capire di
stringere gli altri per allargare questo...
-- 
Alessandro Pellizzari

 
Potresti spiegarti meglio ?
Potresti mettere da qualche parte un disegnino (anche fatto a mano con 
la matita) dove mostri la tua necessita' ?

 la matita) dove mostri la tua necessita' ?
lasciando perdere i vari tag decrepati, č solo un esempio:
<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>
cosě non ci riesco<br>
<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>
<br>&nbsp;<br>
cosě ci riesco in 30 secondi<br>
<table class="guscio">
<tr>
<td class="cella">ccc dgfd gfd gf dgf dgfd fg gf gfdgf dgf ddfgdfg
 fgdgf dg</td>
<td class="cella">ddd</td>
<td class="cella">aaa</td>
</tr>
</table>
</center>
</body>
</html> 
do you understand???
-- 
Vuoi postare velocemente?
http://x-privat.org

 
E il valore ad hight a quel guscio non glielo vogliamo dare ???
Aaah scirio scirio, sarebbe il caso che studiassi un po' !!
'gnorantello :)
PS:
i tag "br" devono essere chiusi:
<br/>
ufff, tu proprio con gli standard non vai d'accordo eh ?

 lasciando perdere i vari tag decrepati, č solo un esempio:
Sicuro che la parte tabellare sia come la vuoi ?
io vedo una tabella con una riga e 3 celle, le quali celle non arrivano 
a riempire tutta la lunghezza della riga, cosi' che' ho lo sfondo rosa 
che si prolunga oltre la terza cella.
una cosa tipo:
[[abcdefg][poiuytr][lkj].....]
ciao

Scirlock Holmes ha scritto:

Perche' quello che chiedi tu, io ci ho messo meno di 30 secondi ?
Adirittura non c'e' un solo modo per arrivare alla tua soluzione, ma 
forse le tue limitazioni tecniche non ti aiutano.
1)
<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;
}
.stop
{
    clear: both;
}
</style>
</head>
<body>
cos&igrave; non ci riesco<br/>
<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 class="stop"></div>
</div>
</body>
</html>
2)
<html>
<head>
         <title>Untitled</title>
<style type="text/css">
.guscio
{
         width: 740px;
         height: 23px;
         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>
cos&igrave; non ci riesco<br/>
<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>
</body>
</html>

 
l'ho fatto al volo per farvelo vedere, e l'ho provato solo con ie,
 magari lo stai guardando con firefox
non ho messo le varie dimensioni, e i vari tag <br /> (per la
 precisazione di cibbastard) per farvi un esempio al volo
sistemandolo va anche per firefox, suppongo, era solo una prova volante


 
sei sicuro di quello che dici?
ho copincollato su homesite entrambi gli esempi e le celle non
 riempiono tutto il div, rimane lo sfondino colorato a destra ben
 scoperto
con che browser stai guardando???
mi sorge il dubbio che non hai capito quello che voglio fare


 
Il risultato e' uguale uguale da quello tabulare ta te postato.
Se poi il codice della tua tabella era sbagliato, ti ricordo che qua 
nessuno ha la boccia di cristallo e spendere magari qualche riga in piu' 
per mostrare le proprie necessita' sarebbe sempre buona cosa.