[layout] centrato verticalmente e variabile orizzontalmente

**UNIX-based** · 17-07-2006, 15:15

ciao,
prima di passare ore a cercare di capire se e come è possibile...
vorrei un layout di questo tipo:
contenitore principale sempre centrato verticalmente (possibilmente con altezza in percentuale) ma di larghezza variabile, con min/max-width e margin:auto;

praticamente mi piacerebbe un layout sempre centrato ma adattabile alle varie risoluzioni...

avete suggerimenti?
grazie mille.

**UNIX-based** · 19-07-2006, 15:45

...nessuna idea o non è proprio possibile?

**thomas_anderson** · 19-07-2006, 15:59

ciao unix (unix e la luce fu)

allora, mi dovresti dire:

1. il layout lo vuoi centrato nella pagina in verticale, ossia al 50% dell'altezza disponibile?
2. la centratura precisa deve avvenire, a livello orizzontale in questo modo:

codice:

body {
  text-align: center; /* per IE Win */
}

#contenitore {
  margin-left: auto;
  margin-right: auto;
} /* tutti i browser standard compliant */

3. 'min-width' e 'max-width' (http://www.w3.org/TR/CSS21/visudet.html )
possono essere implementate su IE solo con un workaround. cerca nel forum le parole chiave min-width max-width su ie. dovresti trovare un post di andrea.paiola. in alternativa vai su http://www.constile.org/ e lo trovi fra gli articoli in prima pagina

fammi sapere se ti serve altro. ciao

**UNIX-based** · 19-07-2006, 18:30

ciao, grazie per la rispsta.

1. la centratura verticale... bo? in qualsiasi modo, basta che sia centrato

... possibilmente in qualche modo adattabile alla risoluzione... per avere una presenza adeguata sia a 800x600 che a 1280x1024... per dire...

2. in orizzontale ho preso l'abitudine a mettere margin:0 auto; per esempio... e quello dovrebbe andare bene

3. per l'hack min/max-width m'informo, grazie.

**UNIX-based** · 21-07-2006, 14:56

up

**UNIX-based** · 24-07-2006, 13:11

codice:

<style>
body {
	margin:0;
	padding:0;
	text-align: center; /* per IE Win */
}
#container {
	height:448px;
	margin:0 auto; /* tutti i browser standard compliant */
	background-color:#999966;
}
</style>

codice:

<body>
<div id="container"></div>
</body>

per esempio... per un layout di questo tipo qual'è la soluzione migliore per averlo sempre centrato verticalmente?

**UNIX-based** · 26-07-2006, 14:49

bo, ci riprovo...

**UNIX-based** · 28-07-2006, 14:03

a questo punto anche un'offesa andrebbe bene...

**UNIX-based** · 30-07-2006, 21:29

Discussione: [layout] centrato verticalmente e variabile orizzontalmente

Strumenti discussione

Ricerca discussione

Visualizza

[layout] centrato verticalmente e variabile orizzontalmente

Permessi di invio