Jump to content

Variare dimensione delle 3 colonne tramite foglio di stile


AT&T

Recommended Posts

Volevo avere un parere da chi ha variato le dimensioni delle colonne tramite css.

Ora ho le due colonne ai lati di 190px e quella centrale a 556px

vorrei allargarle un pò xk è troppo centrato anche su monitor lcd con risoluzioni basse.

Tuttavia ho visto che sono impostate in float left e variando le dimensioni tende a succedere un casino.

Qualcuno mi dà qlk dritta in merito?

magari esiste qualche tema già adattato con colonne + larghe??

grazie

Link to comment
Share on other sites

Ciao AT&T;,

tieni conto che la somma totale dei pixel deve dare 980px
(larghezza del div page) anche se la somma delle 3 ti risulta 936px,
devi tener conto anche del padding e del margin delle colonne stesse.

Ciao ;)


forse sono i padding e i margin che portano via perchè di sicuro non sono 980 le 3 colonne.

il tema mi dà questo

#page {
margin:0 auto 2px;
text-align:left;
width:980px;

nessuno di voi ha avuto l'esigenza di allargare le colonne?
Link to comment
Share on other sites

si, certo,
fai conto che entrambe le colonne destra e sinistra hanno un margin di 21px
gioca su quelli se ti occorre e al limite riduci la larghezza della colonna centrale,
ma non troppo se no il tema risulta soffocato....


ottimo grazie, stasera provo e poi faccio sapere!
Link to comment
Share on other sites

Dunque ho fatto un pò di prove, e di per se le misure non si toccano.
Il problema è che a misura fissa in un monitor da 22, 24 le colonne sono veramente piccole.

Vorrei cambiare impostando tutto in percentuale, quindi variabile al variare della risoluzione con min widht di 980 (standard) e un max width...

Il problema sono le colonne impostate in float che poi scendono, si scentra tutto!!

Inoltre impostando le colonne in % quella centrale non si riesce ad allargare, rimane sempre delle stesse dimensioni come se fosse un immagine

Qualche dritta o qualcuno che ha già fatto una modifica uguale o simile??

Link to comment
Share on other sites

Io ho provato a costruire un tema al 100% di larghezza
ma ho lasciato perdere perchè porta via un sacco di tempo,
ci sono veramente una marea di cose da modificare nel css...

Auguri.. ;)


ah ecco, diciamo che mi è passata la voglia!!
hehe

scherzi a parte bisogna modificare tutto da zero a quanto pare, strano però che non ci siano temi con dimensioni in % e non fisse. Non sò se mi sbaglio io ma mi sembra una soluzione pessima per un ecommerce
Link to comment
Share on other sites

ma no..
guarda che è una tua impressione, credimi...
ci sono e-commerce in Prestashop che neanche
hanno toccato il tema base eppure vendono da matti...
http://www.monclick.it/ questo, esempio eclatante,
non è PS, ma ha una larghezza di 990px eppure
è uno dei più importanti nel suo settore con centinaia
di visite al giorno;
ebay addirittura ha una larghezza di 930px...

solo per fare un paio di esempi significativi, ma si potrebbe andare avanti all'infinito...

Ci sono in giro per il web più di 40.000 negozi in Prestashop, e dubito che se ne possa
trovare qualcuno con dimensioni in %...
Ciao ;)

Link to comment
Share on other sites

ma no..
guarda che è una tua impressione, credimi...
ci sono e-commerce in Prestashop che neanche
hanno toccato il tema base eppure vendono da matti...
http://www.monclick.it/ questo, esempio eclatante,
non è PS, ma ha una larghezza di 990px eppure
è uno dei più importanti nel suo settore con centinaia
di visite al giorno;
ebay addirittura ha una larghezza di 930px...

solo per fare un paio di esempi significativi, ma si potrebbe andare avanti all'infinito...

Ci sono in giro per il web più di 40.000 negozi in Prestashop, e dubito che se ne possa
trovare qualcuno con dimensioni in %...
Ciao ;)


forse mi sono fissato io allora!!
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...