centratura pagina

**mr_bungle** · 14-06-2005, 15:04

è possibile far si che, quando viene visualizzata una pagina alle risoluzioni che sono più piccole rispetto alle dimensioni della stessa, questa rimanga centrata in orizzontale?
normalmente la finestra visualizzza l'angolo a sinistra.

spero di essere stato abbastanza chiaro...ditemelo che altrimenti vi posto un'immagine!

**lorenzos** · 14-06-2005, 15:05

Il concetto è chiaro, ma tu come hai costruito la pagina?

XHTML + CSS?
TABELLA?
FLASH?

Le possibilità sono molte...
Com qualche info in più possiamo aiutarti...

**mr_bungle** · 14-06-2005, 15:09

ma che bell'uomo!

è circa così:

codice:

<table width=100% height=100%>
<tr>
<td valign=middle align=center>
<table border=0 cellspacing=0 cellpadding=0>
	<tr>
		<td>
                   [img]splash.jpg[/img]
		</td>
	</tr>
</table>
</td>
</tr>
</table>

**lorenzos** · 14-06-2005, 15:13

Con le percentuali impostate a 100% a qualsiasi risoluzione la tabella occuperà tutto lo schermo, dubito che si allinei a sinistra.

Forse lo fa l'immagine...
Puoi postare la pagina?

**mr_bungle** · 14-06-2005, 15:19

effettivamente si allinea al centro se la dimensione della finestra è inferiore alla dimensione dello schermo.

il problema è che se ho uno schermo più piccolo (e appare lo scroll per spostarsi orizzontalmente ed è tutto spostato a sx), ovviamente di default si vede l'angolo a sx. io voglio che si veda la parte centrale (e che la scrollbar sia al centro).

**lorenzos** · 14-06-2005, 15:25

Mi quoto:

Puoi postare la pagina?

**mr_bungle** · 14-06-2005, 16:03

scusa ma non posso postare l'URL.
ho risolto (in parte) così:

codice:

<style>
body,html {
  height:100%;
  margin:0 
}
#box {
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-384px;
  margin-left:-512px;
}
</style>
</head>
<body bgcolor="#bbb1af">
	<div id="box">
		<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="" width="1024" height="768" id="homepage" align="middle">
		<param name="allowScriptAccess" value="sameDomain" />
		<param name="movie" value="homepage.swf" />
		<param name="quality" value="high" />
		<param name="bgcolor" value="#bbb1af" />
		<embed src="homepage.swf" quality="high" bgcolor="#bbb1af" width="1024" height="768" name="homepage"
 align="middle" allowScriptAccess="sameDomain" 
type="application/x-shockwave-flash" pluginspage="" />
		</object>
	</div>
</body>

però quando ridimensiono la finestra, il margine superiore viene tagliato. c'è un modo per ovviare a questo problema?

**lorenzos** · 14-06-2005, 16:23

Non mi convince affatto. Se cambi risoluzione credo ti sballi tutto.

Intanto toglierei l'absolute.
#box {
margin-top: auto;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
}

Prova così...

**mr_bungle** · 14-06-2005, 16:33

con il mio metodo, se cambio risoluzione rimane centrato, solo che taglia il margine superiore se rimpicciolisco troppo la finestra.

invece con il tuo sistema, il corpo viene allineato in alto a sx.

Discussione: centratura pagina

Strumenti discussione

Ricerca discussione

Visualizza

centratura pagina ridimensionando la finestra

Permessi di invio