Salve, sono nuovo di qui. Ho dato un'occhiata ai vari thread per cercare di risolvere il mio problema ma non ci sono riuscito. Allora ho deciso di scrivervi.
Sto creando un sito con Dreamweaver(ma lo uso solo per indentazione, scrivo tutto io).
Usando il css sto cercando di centrare l'intera struttura del sito in modo che l'utente finale, a prescindere dalla sua risoluzione e dalla sua dimensione del monitor, riesca a vedere il sito centrato nel browser(e non solo in alto centrato).
La mia risoluzione attuale è 1024*768.
Ho usato questi "box":
#LOGO
{
position: static;
/*border:solid;*/
}
#SFONDO
{
position: absolute;
/*border:solid;*/
}
#MENU
{
position: absolute;
top:95px;
border:solid;
left: 193px;
width: 768px;
}
#CONTENT
{
position: absolute;
overflow:auto;
left:193px;
background-color: #5de794;
width:774px;
height:407px;
overflow:auto;
/*border:solid;*/
}
#CODA
{
position: relative;
top:399px;
left:184px;
height:38px;
width:775px;
/*border:solid;*/
background-color: #5de794;
}
#LATERALE
{
position: relative;
width:179px;
height:450px;
bottom:64px;
background-color: #5de794;
/*border:solid;*/
}
#MOTORE
{
position: relative;
/*border:solid;*/
top:-15px;
left:5px;
}
#PUB
{
position: relative;
/*border:solid;*/
bottom:24px;
}
#PREFERITI
{
position: relative;
/*border:solid;*/
top:15px;
height:60px;
}
#CALENDARIO
{
position:relative;
top:10px;
}
#WELCOME
{
position: relative;
top:13px;
/*border:solid;*/
}
Nel body i div sono disposti in questo modo:
<div id="LOGO">.....</div>
<div id="SFONDO">.....</div>
<div id="MENU">.....</div>
<div id="CONTENT">.....</div>
<div id="CODA">.....</div>
<div id="LATERALE">
<div id="WELCOME">.....</div>
<div id="CALENDARIO">.....</div>
<div id="PREFERITI">.....</div>
<div id="MOTORE">.....</div>
<div id="PUB">.....</div>
</div>
L'idea è quella di mantenere questa struttura per l'itero sito, variando opportunamente il contenuto di CONTENT (da notare che ho inserito "overflow:auto;" solo li).
Alla mia risoluzione riesco ad ottenere il sito pseudo-centrato ma appena metto risoluzioni elevate (come ad esempio 1280*1024) il sito mantiene lo stesso layout ma in posizione alta a sinistra e questo non mi va giù.
Come riesco ad ottenere un layout centrato nello schermo?
Grazie della risposta.
PS:Allego file immagine per chiarire il problema( notare la posizione sito, ovviamente l'ho fatto per chiarire il problema ).
Rispondi quotando
