template protostar - categoria blog - 2 colonne di differente larghezza

[wuzetian]

Salve a tutti,
utilizzo il template protostar di joomla 3 e vorrei che una pagina fosse divisa tra due colonne di diversa larghezza (ad esempio la prima 66% e la seconda 34%).
Ho creato la classe "colsa" e la ho assegnata alla pagina

.colsa .cols-2 .column-1 {
   background: #cc0000;
  width: 66%;
 }
.colsa .cols-2 .column-2 {
    background: #cc00cc;
  width: 34%;
}
Il risultato ottenuto è che il contenitore della pagina è sempre diviso in due colonne uguali (class span6) e che l'articolo della prima colonna occupa il 66% lasciando vuoto il restante spazio ed il secondo articolo occupa il 34% lasciando vuoto il restante spazio.
Vorrei che il primo articolo occupasse il 100% dello spazio assegnato alla prima colonna (66%) e che il secondo articolo occupasse il 100% dello spazio assegnato alla seconda colonna (34%).
Qualcuno riesce gentilmente ad aiutarmi ed a chiarirmi le idee?
Grazie mille
 

[adottauncane]

Ciao wuzetian,
potrebbe essere che hai del padding o del margin e quindi devi tenerne conto nel suddividere le due colonne. Se metti un link al sito sarà più facile aiutarti.

[wuzetian]

Sì certo.

[adottauncane]

Emmm, mi sa che non si possa, .span6 è assegnato alle due colonne, ed è al 48%. Facendo un css che le riduce, questa misura diventa il 60% di 48% e il 30% sempre di 48%.
Non credo che con il solo css si riesca. Dovresti intervenire sul .php probabilmente.

[adottauncane]

L'unica che mi viene, ma devi poi verificare è sostituire al tuo css su costum.css questo:

Codice: [Seleziona]

.colsa .items-row.cols-2 .item.column-1  {
 
  background: #cc0000;
  width:130%
 
}

.colsa .items-row.cols-2 .item.column-2 {
 
  background: #cc00cc;
  width:70%;
  float:right;
 
}

[adottauncane]

Nel caso devi poi scrivere il css per quando si riduce lo schermo e per i dispositivi.

[wuzetian]

Ok
Grazie mille.
Adesso provo sul php oppure scriverò il css per i mobili.
Grazie ancora