Div che collega altri DIV

[[kattivo]]

Ciao

non so se è possibile farlo ma chiedo
Ho un css esterno

#stage {
position:absolute;
width:780px;
height:550px;
left:50%;
top:50%;
margin-top:-275px;
margin-right:0;
margin-bottom:0;
margin-left:-390px;
z-index:1;
background-color: #CC6633;
}

Diciamo che questa è l'area in cui desidero sviluppare il sito.
Adesso vorrei creare un menù..

#menu ecc.

Mi chiedo, com'è possibile (se possibile) collegare questo #menu allo #stage?
In modo da ridimensionare #stage e di conseguenza, in proporzione si ridimensione anche #menu e chessò #sezione1 #sezione2

E' fattibile? Senza dover tutte le volte cambiare dimensione a tutti i div.

Grazie

[gengix]

Mi chiedo, com'è possibile (se possibile) collegare questo #menu allo #stage?
In modo da ridimensionare #stage e di conseguenza, in proporzione si ridimensione anche #menu e chessò #sezione1 #sezione2

nella struttura devi annidare #menu all'interno di #stage facendolo diventare suo figlio.
A #menu dichiara una width e una height al 100%.

Nel pezzo di codice che hai postato hai dichiarato una top e una left insieme a dei margini, questo è un controsenso. Se vuoi utilizzare dei margini non utilizzare i posizionamenti.

[[kattivo]]

Ho dichiarato top e left al 50% per centrare il layout, ci sono altri metodi?
-
Com'è possibile annidarlo? thank you

[gengix]

Ho dichiarato top e left al 50% per centrare il layout, ci sono altri metodi?

Per centrare un layout utilizzi margin: 0 auto al tuo contenitore e text-align:center nel body per centrarlo nelle versione più datate di IE.

body {
  margin:0;
  padding:0;
  text-align:center;
}
#stage {
  margin:0 auto;
  width:780px;
  height:550px;
  text-align:left;
  background-color: #CC6633;
}

Com'è possibile annidarlo?

<div id="stage">
	<div id="menu"></div>
</div>

[[kattivo]]

compreso, grazie

[[kattivo]]

Ho provato la tua soluzione.
Su Firefox è centrato ma allineato in alto.
Su Safari è centrato ma allineato al centro.

Mentre con la mia soluzione sono entrambe allineati al centro, perchè?

[gengix]

In che senso al centro? Intendi verticalmente?

[[kattivo]]

Sì, verticalmente, a centro pagina anche se il browser viene ridimensionato.

Con Firefox me lo visualizza al centro ma attaccato al browser in alto.
Perdonami se non conosco i termini tecnici

[gengix]

Puoi postarmi un secondo il codice che hai scritto?

[[kattivo]]

Dunque con:

body,html {
height:100%;
background-color: #000000;
margin:0;
padding:0;
text-align:center;
}

#stage {
position:absolute;
left:50%;
top:50%;
width:780px;
height:550px;
margin-top:-275px;
margin-right:0;
margin-bottom:0;
margin-left:-390px;
z-index:1;
background-color: #CC6633;
}

Vedo perfettamente su Explorer, Safari e Firefox lo #stage centrato nella pagina sia verticalmente che orizzontalmente.

Mentre con:

body {
margin:0;
padding:0;
text-align:center;
}
#stage {
margin:0 auto;
width:780px;
height:550px;
background-color: #CC6633;
}

Su Firefox e Internet explorer lo #stage non è a centro pagina verticalmente ma parte dall'alto