[Risolto]Adattare la sidebar alla larghezza del template Beez_20

[idroweb]

Ciao, dopo varie prove nei file css vi chiedo gentilmente come posso  adattare la sidebar alla larghezza del template Beez_20 invece che estesa per tutto lo schermo,

il codice di posizionamento inserito nel modulo in position-13 o 14 attuale é:

Codice: [Seleziona]

<div>
<div style="z-index: 999999999; left: 0px; bottom: 0px; width: 100%; position: fixed; background-color: #2a448d; background-image: -moz-linear-gradient(center bottom , #2a448d 18%, #006ECF 70%);">
<div style="margin-left: auto; margin-right: auto; width: 100%; text-align: center; color: #fff;">
</div>
</div>
</div>
[code]

Grazie



[adottauncane]

Ciao idroweb,
un link al sito?

[idroweb]

certo, qui

[adottauncane]

Prova così:

Codice: [Seleziona]

    bottom: 0;    left: 0;    position: fixed;    width: 100%;    z-index: 999999999;
la prima parte

Codice: [Seleziona]

    background: -moz-linear-gradient(center bottom , #2A448D 18%, #006ECF 70%) repeat scroll 0 0 transparent;    color: #FFFFFF;    margin-left: auto;    margin-right: auto;    text-align: center;    width: 1050px;la seconda.

Cioè dovrebbe venire così:

Codice: [Seleziona]

<div>
<div style="bottom: 0;    left: 0;    position: fixed;    width: 100%;    z-index: 999999999;">
<div style="background: -moz-linear-gradient(center bottom , #2A448D 18%, #006ECF 70%) repeat scroll 0 0 transparent;    color: #FFFFFF;    margin-left: auto;    margin-right: auto;    text-align: center;    width: 1050px;">
</div>
</div>
</div>
Prima di provare fatti una copia...

[idroweb]

Fantastico! se posso chiedo ancora una cosa, come distanziare la sidebar dal footer grigio su cui al momento si posizione parzialmente sopra.

Grazie mille

[adottauncane]

Dando un margin-bottom al footer:

Codice: [Seleziona]

#footer {    background: url("../images/personal/tabs_back.png") repeat-x scroll 0 0 #333333;    border-top: 0 solid #CCCCCC;    color: #FFFFFF;    margin-bottom: 30px;}personal.css riga 1316

[idroweb]

Perfetto, ancora ti ringrazio

[idroweb]

ops, c'è ancora un particolare che ignoro totalmente, la sidebar si vede trasparente su chrome e safari mentre su firefox va benissimo, in origine avevo anche notato che la gradazione dei colori non erano presi in considerazione solo su chrome

[adottauncane]

Probabilmente quella sfumaura non la legge. Invece di trasparent metti un colore esadecimale e vedi se basta. Il secondo style.

[idroweb]

Non cambia la visualizzazione, se ho capito bene

prima

Codice: [Seleziona]

repeat scroll 0 0 transparent;
adesso

Codice: [Seleziona]

repeat scroll 0 0 #2A448D;

[adottauncane]

Allora prova a togliere il gradient e a mettere un background normale. Cioè solo esadecimale.

[idroweb]

Si così va bene

Codice: [Seleziona]

<div style="bottom: 0; left: 0; position: fixed; width: 100%; z-index: 999999999;">
<div style="background: #006ECF; color: #ffffff; margin-left: auto; margin-right: auto; text-align: center; width: 1050px;">
ho eliminato anche

Codice: [Seleziona]

repeat scroll 0 0 transparent;mi sembra ininfluente

[adottauncane]

Lo è con un background normale...

[idroweb]

Dunque grazie ad oltranza!