Centrare logo subsilver 2[maroon fusion]

[chicks0315]

quindi mi dite che cosa devo fare in definitiva per vedere tutto correttamente a qualunque risoluzione ? ( tutte le altre risoluzioni si vede bene è solo 800*600)

ho provato anche a mettere la soluzione di carlo che ha scritto a inizio del post, ma niente è cambiato.

[Micogian]

Prova a inserire la dimensione del logo in percentuale:

Codice: Seleziona tutto

<td width="100%" align="center">
         <div><img width="90%" src="{T_THEME_PATH}/images/site_logo.gif"  /></div></td>

La larghezza dell'immagine è il 90% della tabella, l'altezza togliala perchè l'immagine viene ridimensionata in proporzione.

[chicks0315]

allora si quest'ultima soluzione risolve un po il problema del logo anche se poi se metto la risoluzione 1024 il logo si vede molto più piccolo quindi qualcosa qualcosa va sacreficata però va benissimo.

Poi c'è il problema che sotto al logo c'è un altra colonna <td> e all'interno di questa colonna c'è uno script che genera un banner e questa mi va di poco a destra alla risoluzione 800*600. Ho impostato che la dimensione della colonna deve essere del 80% ma non va ovvimanete perchè si deve adattare alla dimensione del banner e mi sa che qui non si può far niente. Grazie a tutti, se avete delle soluzioni sia per il logo oltre a quella che mi avete dato o per il banner scrivete ve ne sarò grato.

[Carlo]

Beh, non puoi adattare il tuo stile a tutte le risoluzione, come 800x600 px. Tanto questa è ormai una risoluzione che stà "scomparendo".

[Micogian]

Io pensavo che la risoluzione 1024 fosse quella standard. Se tu utilizzi un'immagine adatta alla risoluzione 1024 e inserisci la dimensione in percentuale come ti ho indicato io hai una riduzione dell'immagine nelle risoluzioni minori ma quella standard risulta corretta.
Altra cosa da fare, secondo me, è stabilire una dimensione massima del Forum, cioè che non si adatti allo schermo, perchè chi ha un monitor ad alta risoluzione vedrebbe una pagina sproporzionata.
Io preferisco le dimensioni fisse.
Se non ricordo male si dovrebbe inserire nel CSS body il valore max_width: 1024px che diventa la dimensione massima anche con risoluzioni elevate.

[chicks0315]

allora questa cosa del css l'avevo già provata a vedere solo che nel body non c'è il riferimento alla larghezza ma solo all'altezza e quindi a max_height che è 120px.

Codice: Seleziona tutto

*//* Layout
 ------------ */* {/* Reset browsers default margin, padding and font sizes */
	margin: 0;padding: 0;}html {font-size: 100%;}body {/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif, Pricedown;color: #323D4F;background-color: #eeeedd;font-size: 62.5%;/* This sets the default font size to be equivalent to 10px */
	margin: 0;background-image: url("./images/backs.gif");background-repeat: no-repeat;background-position: top right;}#wrapheader {min-height: 120px;height: auto !important;height: 120px;width: 92%;margin: 0 auto;/*background-image: url('./images/background.gif');*/

ecco qua questo è il mio body nel css

[Micogian]

E dove sarebbe max-height: 120px ?
A me risulta un min-height: 120px; ma riguarda #wrapheader
Aggiungi max-width: 1024px; all'interno del css body

Codice: Seleziona tutto

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
       	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif, Pricedown;
	color: #323D4F;
	background-color: #eeeedd;
	font-size: 62.5%;/* This sets the default font size to be equivalent to 10px */
       	margin: 0;
	background-image: url("./images/backs.gif");
	background-repeat: no-repeat;
	background-position: top right;
	max-width: 1024px;
	}

[chicks0315]

con questo va meglio anche se ancora è un po fuori dallo stile vedi tu stesso la situazione ora com'è. Il problema è anche a risoluzioni maggiori quando la finestra è ridimensionata. Help

[Micogian]

Io ho una risoluzione di 1280 e vedo bene.
Vedo però l'immagine originale di 860 pixel ridimensionata a 1110, il che vuol dire che non hai inserito il max-width: 1024px oppure non hai aggiornato la cache.
Questo è quello che vedo io e la proprietà dell'immagine:

gamec.jpg

[chicks0315]

si lo avevo messo però poi per forza di cose ho dovuto ripristinare un vecchio file css, dopo lo rimetto a post con il max width, poi mi fate sapere come lo vedete.

EDIT: niente da fare ho provato a mettere max width m a 800*600 la situazione non cambia, è migliorato però ora senza mettere max width e salvando il css con notepad++ che sui notebock ora il logo si vede centrato mentre prima sui schermi notebook il logo era spostato a sinistra, comunque in ogni caso ora la situazione è migliorata in un senso ma a 800*600 che è il vero problema no.

Allora con risuluzione 1024*768 il logo viene ridimensionato a 871*294
con 800*600 viene ridimensionato a 860*290 e per questo sballa.

Ora non so se sbaglio io a posizionare il max width vedete voi io ho postato il pezzo del mio css qualche post fa se me lo posizionate voi già scritto così escludiamo che sia quello il problema. Se non è quello se spete dirmi come altro fare avevo anch epensato di mettere il max width a 800px ma non credo risolva niente anzi.