Lunghezza del Div contenitore con sfondo

[HammerFist]

salve,
vi posto un css:

#container {
width: 780px;
margin-left: auto;
margin-right: auto;
background-image:url(grafica/sfondo.gif);
background-repeat:repeat-y;
min-height: 100%;
height: auto !important;
height: 100%;
}

.left {
width: 180px;
margin: 0px;
padding: 0px;
float:left;
}

.center {
width: 340px;
padding: 4px 0px 4px 0px;
float:left;
}

.right {
width: 180px;
margin: 0px;
padding: 0px;
}

come mai il container non si allunga per quanto è lungo il maggiore dei suoi elementi?
in pratica mi serve per avere "sfondo.gif" ripetuto per tutta la lunghezza... ma è come se non ci fosse, cosa sbaglio?

grazie

[bertag]

Penso che il problema sia dovuto al fatto che gli dai una dimensione (width), quindi lui prende quella come riferimento. Prova ad inserire un min-width invece del width, così facendo se non ci sono contenuti la larghezza minima sarà di 780px invece se ci sono contenuti che superano questa dimensione il div si adatterà

[HammerFist]

il mio problema non è la larghezza delle colonne, ma la lunghezza...
in pratica la colonna centrale può essere più lunga del previsto,
quindi ho bisogno che il container abbia una immagine ripetuta per tutta la lunghezza;
ora il container ha un'immagine si sfondo che si ripete ma si ferma prima della lunghezza della colonna più lunga...

[bertag]

Hai provato eliminando height:100%???

[Plopper]

Se imposti l'height come auto e poi subito sotto fai 100% è ovvio che sarà sempre uguale
leva l'height:100%; e credo che dovrebbe essere risolto

[HammerFist]

#container {
width: 780px;
margin-left: auto;
margin-right: auto;
background-image:url(grafica/sfondo.gif);
background-repeat:repeat-y;
min-height: 100%;
height: auto !important;
}

#container {
width: 780px;
margin-left: auto;
margin-right: auto;
background-image:url(grafica/sfondo.gif);
background-repeat:repeat-y;
height: auto !important;
}

ho provato in questi due modi... e non và
sicuramente c'è qualcosa che sbaglio ... prima o poi uscirà fuori quest'errore...

[HammerFist]

ho aggiunto:

min-height:100%;
overflow:auto;

quindi:

#container {
width: 780px;
margin-left: auto;
margin-right: auto;
background-image:url(grafica/sfondo.gif);
background-repeat:repeat-y;
min-height:100%;
overflow:auto;
}

div#container .left {
width: 180px;
margin: 0px;
padding: 0px;
float:left;
}

div#container .center {
width: 340px;
padding: 4px 0px 4px 0px;
float:left;
}

div#container .right {
width: 180px;
margin: 0px;
padding: 0px;
}

adesso và.
Grazie a tutti, a presto!