Centrare il sito

mercoledì 06 ottobre 2010 - 13.03

Elenco Threads

Stanze Forum

Aggiungi ai Preferiti

Cerca nel forum

teoHAtch Profilo | Newbie

11 messaggi | Data Invio: mer 6 ott 2010 - 13:03

Salve, ho trovato un problema di recente con il sito che sto creando.
All'inizio non ci ho pensato perchè lavoravo su un portatile a 16:9 e quando aprivo la pagina si vedeva tutto correttamente, solo che dopo ho provato a vederlo su un monitor da 4:3 e succedeva che si vede il sito spostato verso destra e sono sicuro che la causa risiede nel top, questoblocco gli ho dato una dimensione fissa di 1600px ed è racchiusa in tabella.
Ho pensato di inserire quel pezzo nello sfondo in modo che rimane centrato, voi che ne pensate?

alx_81 Profilo | Guru

8.814 messaggi | Data Invio: gio 7 ott 2010 - 01:20

>Salve, ho trovato un problema di recente con il sito che sto
>creando.
Ciao
>All'inizio non ci ho pensato perchè lavoravo su un portatile
>a 16:9 e quando aprivo la pagina si vedeva tutto correttamente,
>solo che dopo ho provato a vederlo su un monitor da 4:3 e succedeva
>che si vede il sito spostato verso destra e sono sicuro che la
>causa risiede nel top, questoblocco gli ho dato una dimensione
>fissa di 1600px ed è racchiusa in tabella.
>Ho pensato di inserire quel pezzo nello sfondo in modo che rimane
>centrato, voi che ne pensate?
Non ho capito molto, il container di tutto il sito è una tabella? o un div?
Se è spostato verso destra, non è più logico che sia un problema di left o right e non di top?
puoi postare un po' di codice e illustrarci come lo vorresti?

--
Alessandro Alpi | SQL Server MVP
MCP|MCITP|MCTS|MCT

http://www.alessandroalpi.net
http://blogs.dotnethell.it/suxstellino
http://mvp.support.microsoft.com/profile/Alessandro.Alpi

teoHAtch Profilo | Newbie

11 messaggi | Data Invio: gio 7 ott 2010 - 16:15

beh adesso sto continuando a modificare la index, stavo provando a vedere cosa cambiava utilizzando una div o una table,
cmq la struttura è molto semplice, c'è un immagine lunga 1600px in mezzo una porzione di testo ed infine un immagine simile a quella che c'è sopra che racchiude tutto sempre lunga 1600px, anche lo sfondo come puoi vedere è lungo effettivamente 1600px, quello che vorrei è che lo sfondo e i blocchi quando si usa un monitor 4:3 si vede cmq tutto il sito centrato:

<body>
<table width="1600px" border="0" align="center" cellpadding="0" cellspacing="0">
<td><img src="media/top0.png"/></td>
</table>
<table align="center" background="media/fondo.png" width="1600px">
<tr>
<td> </td>
<td width="900px" align="center"><br /><br /><br /><a href="#">Benvenuto</a>  |  Welcome  |  Bienvenido  |  Bienvenue  |  مرحبا بكم  |  歡迎</td>
<td> </td>
</tr>
</table>
<table width="1600px" border="0" align="center" cellpadding="0" cellspacing="0">
<td><img src="media/bottom0.png"/></td>
</table>
</body>

CSS:

html {height: 100%;}

body {
background-image: url(media/sfondoindex.jpg);
background-position:top-center;
background-repeat:no-repeat;
background-color:#b26709;
background-attachment:scroll;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: inherit;
color:#ffffff;
line-height:14px;
}

a:link {
color:#ffffff;
text-decoration:none;
}

a:hover {
text-decoration:none;

}
img {
border: 0px;
}

teoHAtch Profilo | Newbie

11 messaggi | Data Invio: gio 7 ott 2010 - 18:37

Non ho ancora risolto, scusa ho sbagliato a schiacciare il pulsante, sono poco pratico di questo forum :P

teoHAtch Profilo | Newbie

11 messaggi | Data Invio: ven 8 ott 2010 - 01:03

Va beh ho risolto, avevo un bel po' di fretta così, ho tagliato semplicemente l'immagine riducendola fino a 1024px, per schermi più piccoli si attaccano xD non posso fare i miracoli.

Però ho cmq un'altro quesito ^^, ecco dopo molte modifiche, vorrei che questa tabella stesse al centro della pagina, la soluzione deve essere semplice credo, ho provato ad inserirla in una tabella con tre celle e a dare alla prima e l'ultima 25% di altezza, ma la tabella centrale non si sposta :( , cmq ecco il codice della tabella che vorrei posizionare in mezzo alla pagina (verticalmente):

<body>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td background="media/nero.png"><table width="100%">
<tr>
<td width="8%"> </td>
<td><img src="media/logo.png" /></td>
<td width="40%"> </td>
<td><img src="media/titolo.png" /></td>
<td width="8%"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td><table width="100%" background="media/fondo.png" align="center">
<tr>
<td align="center" valign="middle" height="180px"><a href="#">Benvenuto</a>  |  Welcome  |  Bienvenido  |  Bienvenu  |  مرحبا بكم  |  歡迎 |</td>
</tr>
</table></td>
</tr>
<tr>
<td valign="middle" background="media/nero.png"> </td>
</tr>
</table>
</body>

andrestu Profilo | Expert

772 messaggi | Data Invio: sab 9 ott 2010 - 18:56

sul mio sito puoi trovare un controllo free che crea automaticamente un div autocentrante e autoridimensionante in base alle tue esigenze... è un discorso un pò lungo da spiegare se ti può interessare puoi andare a darci un occhiata
Andrea Restucci - Web Programmer
www.andrearestucci.name
Download and try my FREE custom controls !!!

Torna su

Stanze Forum

Elenco Threads

Partecipa anche tu! Registrati!

Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !