La colonna non è a lato ma sotto: perchè?

[mattyfog]

Sul sito http://www.cittadellamusica.net/joomla/chi-siamo (guardatelo con firefox anche su succede anche con IE ma con IE mi sembra più incasinato ancora) a fianco del content, a destra, dovrebbe apparire una colonna grigia che invece però non c'è, e che appare sotto al content con un'altezza di 20px (circa).
Perchè?

[mattyfog]

Adesso ho tolto il padding e non compare neppure sotto, non compare proprio ma lascia un brutto spazi nero sulla destra del content.
Sto parlando del div con id sidebar_right .

[conti1]

ciao
se non sai dove meter mano , poi fai modifiche dirette  e ti trovi con un  buco nero.
x far prove  senza  trovarsi un bel buco nero  ho duplichi il css che tocchi , mal che vada hi ancora quello buono , ho usi firebug .
ripristina com'era quando avevi la colonna che andava a spasso.

[mattyfog]

Beh,siccome il template lo sto creando da 0 non posso ripristinare niente!

[mattyfog]

Ho capito il problema ma non so come risolverlo: in pratica il settaggio dello sfondo è ok l'unico problema è che la colonna (ossia il div con id="sidebar_right") non prende altezza (ossia ha altezza 0 e quindi non è visibile). Ho potuto verificarlo perchè con firebugs impostando l'altezza della colonna ad un numero fisso la colonna compare. Tuttavia ovviamente una colonna non può avere l'altezza di un valore fisso e così ho provato ad impostare l'altezza a 100% ma non funziona.
Perchè?

[conti1]

Beh,siccome il template lo sto creando da 0 non posso ripristinare niente!

ciao
pensi davvero quello che hai scritto qui ? o e solo xche sono le 11 del mattino e non sai se sei sveglio

io quando scrivo un template tolgo e metto il codice quante volte voglio.

domanda xche vuoi dare un'altezza fissa alla colonna?
l'altezza della colonna  e un automatico , ossia  si deve adattare al contenuto  che ci metti.
 

[mattyfog]

Il punto è che non ho backup e tanto tornerei allo stesso punto perchè non so neppure se prima funzionava
Comunque non voglio settare un'altezza fissa, dico solo che il problema è che la colonna non ha un altezza e quindi non compare! Chiedo solo come posso fare per far si che la colonna si adatti al contenuto della pagina. Come?

ps: comunque voi del forum verrete premiati con uno o più template gratis da mettere online qui Prima però voglio imparare bene, non voglio regalare porcherie!

[conti1]

ma se lo stai scrivendo tu il template  che ti serve un salvataggio riscrivi il codice e amen.
vabbe  andiamo oltre.

Comunque non voglio settare un'altezza fissa, dico solo che il problema è che la colonna non ha un altezza e quindi non compare! Chiedo solo come posso fare per far si che la colonna si adatti al contenuto della pagina. Come?

perche dici questo?
se il template e scritto bene e giusto che la colonna non appaia se non hai nulla di pubblicato.
pubblica un modulo  e vedi che succede, se i modulo fuoriesce hai qualcosa nel css che non va .ma senza vedere il template non dico il codice  il template in funzione , non saprei che dire.

[mattyfog]

Si, ma anche se cipubblico qualcosa lo sfondo appare soltanto dietro quel modulo e poi se il content è più lungo non appare comunque...
Comunque il sito è www.cittadellamusica.net/joomla

[conti1]

ciao
allora prima di tutto quando nella colonna right o left non ci sono contenuti il main  si deve estendere e prendere lo spazio che la colonna non usa, inizia a fare quello .

ci publivhi qualcosa in quel buco nero almeno vediamo lo sfondo che dici come si comporta?
ps:altrimenti ci premi come dici tu di un template non finito.

[mattyfog]

Adesso ci pubblico qualcosa, comunque essendo un template fatto ad hoc per un sito in particolare non avrò bisogno che la colonna scompaia.
Ora ci pubblico qualcosa (anche se devo ancora settare il padding ecc).
Guarda ad esempio questa pagina: http://www.cittadellamusica.net/joomla/label
Guardando invece la pagina http://www.cittadellamusica.net/joomla/chi-siamo noto che viceversa, se la colonna è più lunga il main rimane troppo corto.

ps: non è questo il template che rilascerò gratuitamente

[adottauncane]

Ciao mattyfog,
ma, secondo me, dovresti fare un'unica immagine, lunga quanto il main perché la parte destra e sinistra lavorino appaiate. Come hai fatto tu, le due parti lavorano ognuna per conto proprio...

Codice: [Seleziona]

#mainbox_mm {
background-image:url("../images/immaginelunga986.gif");
float:left;
}
ciao conti1 

[mattyfog]

Quindi dite che con le due immagini separate non si può fare?

[adottauncane]

Ma, secondo me no... altrimenti hai quell'effetto lì. Prova anche solo a mettere al posto di background-image
background:#FFFFFF; nel codice sotto e vedrai che va a posto (nel senso che si vedrà unito (naturalmente bianco...). Se clicchi sul sito sotto il mio avatar e ispezioni il codice, vedrai che ha un'immagine sola bianca e grigia che va sotto il left e il right. Poi ne ha una se non ho niente nel right e una se non ho niente nel left...

[mattyfog]

Anche mettendo un colore fisso come background non funziona, non a caso di fatti il content ha background-color: white eppure se la colonna è più lunga non riempie tutto lo spazio.
Forse ho una soluzione. Attualmente il codice html è così:
<div id="main"></div>
<div id="colonna"></div>

Potrei provare a cambiarlo con:
<div id="main"><div id="colonna" style="float: right"></div></div>

Nel frattempo però prima vorrei dare un'occhiata al tuo sito perchè fors si può risolvere più facilmente.

(il forum di joomla ha seri problemi, ogni volta che cerco di inserire post mi dice che la sessione è scaduta e devo provare anche 4/5 volte per riuscire a inserirlo)

[mattyfog]

Alla fine adotterò il metodo di unire le 2 immagini (visto che ho sbagliato a farne una).
Però vorrei capire come mai non funzionava.

ps: finalmente il menu è a posto!!

[mattyfog]

Dunque ho creato le immagini ed ho settato tutto: solo che nella parte centrale l'immagine di background non viene visualizzata. Perchè?

[adottauncane]

Ma non l'hai messa nel #mainbox_mm riga 33

Codice: [Seleziona]

#mainbox_mm {
background-image:url("../images/immaginelunga986.gif");
float:left;
}

[mattyfog]

Ma l'ho impostata a #mainbox_m!

[adottauncane]

Ok, va bene. Non ti rimane che togliere:
style.css  (riga 29)

Codice: [Seleziona]

#content {
background-color:#FFFFFF; <---- questo
float:left;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
text-align:left;
}

e questo:
style.css  (riga 50)

Codice: [Seleziona]

#sidebar_right {
background-color:#FFFFFF; <---- questo
float:left;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
text-align:left;
}