[CSS] Larghezza automatica colonna

[Night Twister]

Ciao
devo fare una banale pagina a 2 colonne verticali (side e main), solo che non posso dare la grandezza in % o in em altrimenti la side mi sballa...
in pratica vorrei dare la grandezza fissa in pixel alla colonna side ed assegnare il "resto" della pagina alla main... come nel vecchio frameset si dava cols = 250,*

ecco a me servirebbe l'equivalente di *

grazie a tutti

[LA VALE]

Ti crei un div con larghezza 100%, e all'interno ci inserisci i tuoi due div:

<div id="contenitore">

<div id="side">
</div>

<div id="resto">
</div>

</div>

Credo sia quello che cerchi di fare tu...

[Night Twister]

si, fin qui c'ero, il mio problema è come fare ad assegnare * come valore a resto...

div#container{
width: 100%;
margin: 0px auto;
text-align: left;
background: #B0C0FF;
}
div#main{
float: right;
width: ???;
height: 100%;
background: #FFFFFF;
overflow: auto;
}
div#side{
margin-left:10px;
width: 250px;
height: 100%;
background: #B0C0FF;
}

che devo mettere al posto di ??? ... premetto che ho già provato a mettere 100% a container, 250px a side e niente a main, semplicemente divide tutto al 50%...
ho provato pure min-width ma neanche firefox e safari lo supportano bene... figuriamoci gli altri...

[Night Twister]

Nessun'idea?

[LA VALE]

Boh non saprei davvero...

Hai provato a mettere width: auto ?

E' solo un'idea, di sicuro non funziona!

[Night Twister]

ho provato, ma anche quello pare lo ignora e mi divide le due colonne al 50%...
eppure pare strano, i css 2 non posso avere una mancanza così grossa...

Browser non ancora pronti? boh, da IE potre aspettarmelo ma da Firefox pare strano... soprattutto che ignori il min-width...

[Another-Life]

Non ho ben chiara la struttura che vuoi ottenere...puoi fare gentilmente uno schizzo??

[Night Twister]

la pagina di prova è
QUESTA


vorre semplicemente fare due colonne, la prima larga "almeno" 250 pixel e la seconda larga quanto il resto dello schermo...

[Another-Life]

Ho gia fatto un intervento in merito a cio quindi mi limito ad esporre la soluzione:

Nella sezione "main" dichiari nella proprietà width: ""; un valore del 100% e assegni un immagine di background al suo interno in questo modo:

1)Crei un immagine con larghezza: 1px e altezza: 1px con sfondo bianco(è un esempio) tramite un qualsiasi programma di grafica.
2)Inserisci l'immagine e la fai ripetere all'interno della sezione "main" con questa proprietà:

Codice Css:

div#main {
.....
        bakcground: url(main_background.jpg) repeat-x repeat-y;
.....
}

[Night Twister]

nada, non ne vuole sapere, neanche con il trucco dell'immagine...

div#container{
    width: 100%;
    margin: 0px auto;
    text-align: left;
    background: #B0C0FF;
    }
div#main{
    float: right;
    width: 100%;
    height: 100%;
    background-image: url('1x1.png'); /*se metto anche repeat-x ecc. non mi carica il background*/
    overflow: auto;
}
div#side{
    margin-left:10px;
    width: 250px;
    /*min-width:250px;*/
    height: 100%;
    background: #B0C0FF;
}

con questo il main è largo tutta la pagina e side scivola sotto...
se in main metto width: "" al posto di width: 100% mi divide la pagina al 50%
anche scambiando main e side come ordine non cambia nulla...
non so più dove sbattere la testa!!!