proporzioni tra le colonne

[mauro85]

Forse chiedo qualcosa di scontato o di troppo inerente al css.. comunque ci provo.. uso un template con 3 colonne, di cui quella al centro più larga delle altre due. Ovviamente, dato che la dimensione l'ho fissata io in pixel nel css (e io lavoro a 1280x1024), se si visualizza il sito in 1024x768 le proporzioni tra le colonne non sono più rispettate.. inoltre, ho un logo in alto che mi occupa tutta la larghezza del template a 1280, mentre  a 1024 rimane tagliato l'ultimo pezzo a destra... come faccio?
grazie

[tasto]

per le colonne invece di usare i px usa le percentuali, in questo modo si riducono in base alla risoluzione. per l'immagine ti posso consigliare di farla più piccola e di mettere nella cella dove la fai visualizzare lo stesso sfondo. in questo modo non si vede la differenza tra immagine e sfondo e quando si riduce la risoluzione l'immagine si può spostare liberamente...

[mauro85]

Nel index.php ho questo blocco... è questo che devo modificare?

Codice: [Seleziona]

/*
800 x 600 set $size = 1
1024 x 768 set $size = 2
Full width set $size = 0
*/

// not very good, i'll improve it someday



if ($size == 1) {
$width = "600px";
}
elseif ($size == 2) {
$width = "800px";
}
elseif ($size == 0) {
$width = "1024px";
}

E nel css vedo questo:

Codice: [Seleziona]

#leftsection {
width: 20%;
margin-top: 0px;
}

#rightsection {
width: 20%;
text-align: left;

[tasto]

Full width set $size = 0
è quello che devi cambiare per la tua risoluzione, quindi vai a modificare
elseif ($size == 0) {
      $width = "1024px";
con
elseif ($size == 0) {
      $width = "1280px";

Il css lo modifichi se vuoi le colonne più larghe.

[mauro85]

No aspetta questo l'avevo capito.. il fatto è che il mio template non deve occupare tutta la pagina. Però se fisso le larghezze (che sono minori di quelle indicate da te per quel motivo) non me le visualizza correttamente.

Io vorrei realizzare questo: un template con dei margini fissati, che si mantengano proporzionati alla larghezza del template alle diverse risoluzioni.

[tonicopi]

Vai qui, scegli il layout che vuoi, lo scarichi, lo studi, lo modifichi:

http://blog.html.it/layoutgala/indexIta.html

[mauro85]

Ho guardato, ma sinceramente mi sembrano ripetitivi (forse sono io che non so cogliere le differenze)
Io ho bisogno un layout a 3 colonne, con la centrale più larga delle altre, e ho bisogno che le proporzioni si mantengano alle diverse risoluzioni... come faccio?

[mauro85]

up

[tonicopi]

Questo mi sembra possa fare al caso tuo.
http://www.joomlaos.de/index.php?set_albumName=album03&id=mint_fresh&option=com_gallery&Itemid=37&include=view_photo.php
Altrimenti cercane un altro. Ce ne sono centinaia.
 

[mauro85]

Questo mi sembra possa fare al caso tuo.
http://www.joomlaos.de/index.php?set_albumName=album03&id=mint_fresh&option=com_gallery&Itemid=37&include=view_photo.php
Altrimenti cercane un altro. Ce ne sono centinaia.
 

Forse non mi sono spiegato bene.. il sito è già fatto, il template ho già deciso quale mettere.. il sito è questo http://www.semidiluce.com ma purtroppo explorer mi da dei problemi, e inoltre, cambiando risoluzione, le proporzioni si sfasano... a 1024x768 la pagina esce addirittura dallo schermo e compare la barra sotto.. io vorrei solo che non accadesse questo, avrei bisogno di un aiuto sul css.

[tonicopi]

Per forza ti esce il logo dalla pagina con risoluzione 1024.
Il template è largo appunto 1024 mentre il logo è largo 1280!
Poi è fatto in un modo per me strano, a frame.
Questo tenplate, anche se lo sistemi, non ha le caratteristiche che tu vuoi. Al massimo riuscirai forse a renderlo fluido e ad adattarsi alle due risoluzioni occupando tutto lo schermo.
Ma perchè sei intestardito a mantenere quel template?
Per me fai prima ad installare il template che ti ho suggerito che mi sembra ben fatto. Fai più presto a metterci un logo e ad adattare i colori di quel template che si adatta perfettamente a qualsiasi risoluzione mantenendo le due fasce laterali che è quello che tu vuoi

[mauro85]

Va bene, ci provo, grazie. Volevo sapere questo: come faccio a capire quali sono di questo tipo? Hai detto che ce ne sono molti così, come li trovo?  E poi.. in base a quello che mi hai detto, il logo quanto lo devo fare largo?

[tonicopi]

La larghezza del logo dipende dal tipo di header che ha il template. Nel tuo lo devi fare di un migliaio di pixel.
Per vedere una gran rassegna di template vai qui:
http://www.joomlaos.de/joomla_template_galerie.html
Sono ottimamente presentati e puoi provarli tutti in una demo. Così li puoi testare con firefox e I.E. prima ancora di scaricarli.
 

[mauro85]

Si ma tu hai detto che il template che mi hai segnalato (a differenza di quello installato da me) si adatta alle varie risoluzioni... perchè è così?

[tonicopi]

Perchè è costruito in modo tale che si può adattare a qualsiasi risoluzione, anche di soli 640px, fino anche a 1600px.
Non ha loghi ne altri elementi a misura fissa che lo impediscono.
E mantiene in percentuale le due fascette laterali esterne alla pagina web. Come fai tu a saperlo? Ti guardi la demo con diversi browser e diverse risoluzioni:
http://www.joomlademo.de/index.php?mos_change_template=mint_fresh

[mauro85]

Non ha loghi ne altri elementi a misura fissa che lo impediscono.

Ok, ora ho capito.. io però un logo mio ce lo devo mettere, ma questo significa che non si può adattare?

[tonicopi]

Certo che puoi metterci il logo tuo.
Ma se vuoi esser certo di non "scassare" il template devi metterci un logo esattamente delle stesse misure di quello del template. Così come puoi sostituire tutte le altre immagini con altre della stessa dimensione.
Probabilmente il template che stai usando adesso aveva un logo più piccolo di quello che hai messo tu.
Ciao

[mauro85]

edit

ok sono riuscito.. ora cambiando risoluzione il logo e tutto il sito mantiene le proporzioni.. tutto questo però su firefox, su IE6 no.. il sito rimane largo a risoluzioni più basse, e compare la barra di scorrimento orizzontale.. che faccio?

[mauro85]

help!

[mauro85]

edit

ok sono riuscito.. ora cambiando risoluzione il logo e tutto il sito mantiene le proporzioni.. tutto questo però su firefox, su IE6 no.. il sito rimane largo a risoluzioni più basse, e compare la barra di scorrimento orizzontale.. che faccio?

!