stringere il forum

ciao a tutti, non so perchè il mio forum si è allargato e ora per vederlo tutto mi servono le freccette di giu, e la cosa non mi piace... vorrei che ritornasse normalmente che si vede tutto senza usare le freccette.... che CSS uso? grazie dell'aiuto

Ciao @Alex2000

spesso basta prestare un po' di attenzione alle modifiche che si fanno per capire il problema. Per esempio se aggiungi un css e vedi che il forum cambia è facile capire che basta togliere quel css per farlo tornare come prima

in questo caso in questo css:

Codice:

#ipbwrapper {
  margin: 0 auto;
  min-width: 1318px;
  padding: 5px;
  text-align: left;
  width: autopx;
}

hai modificato questa parte width: autopx;

---

fai diventare quel css così:

Codice:

#ipbwrapper {
  margin: 0 auto;
  padding: 5px;
  text-align: left;
  width: 1260px!important;
}

@Niko io quel CSS non me lo ritrovo

Non so se hai fatto delle modifiche, ora però la larghezza del tuo forum è di 1260px, essa è contenuta nella variabile #ipbwrapper

Un consiglio che posso darti è quello di utilizzare sempre una grandezza in percentuale, in questo modo si limitano moltissimo i problemi di risoluzione

@MattiaDes quindi metto 100% al posto di 1260 px?

Con 100% il forum occuperà tutta la larghezza dello schermo con qualsiasi risoluzione, se invece metti 90% o 80% o altro, lascerà un margine sempre maggiore ai lati, che però sarà proporzionale alla larghezza del tuo schermo

@MattiaDes ho messo questo:

Codice:

#ipbwrapper {
  margin: 0 auto;
  padding: 5px;
  text-align: left;
  width: 80%!important;
}

ed è rimasto uguale

Aggiungi anche questo codice: min-width: 80% !important;

Codice:

    #ipbwrapper {
      margin: 0 auto;
      padding: 5px;
      text-align: left;
      width: 80%!important;
      min-width: 80% !important;
    }

Mi spiego: sul tuo forum oltre che ad una larghezza (impostata al 80%), è anche impostata una larghezza minima che è di TOTpx, con quel codice che ti ho dato, la larghezza minima si adatterà a quella del forum

Ciao,

prova semplicemente ad aggiungerlo:

Codice:

#ipbwrapper {
  margin: 0 auto;
  padding: 5px;
  text-align: left;
  width: 1260px!important;
min-width: initial!important;
}

risolto