Layout con altezza 100%

**Sonikag** · 02-06-2007, 18:57

Allora...
Vorrei un layout come quello allegato...

Ho iniziato impostando l'altezza al 100% - centrato il livelllo contenuti (e fin qui ci sono)

codice:

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

codice:

html
{
	height:100%
}

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

#container
{
	width:760px;
	margin:0 auto;
	background-color: #f8f1f9;
	height:100%;
}

Il problema adesso è: la colonna di sinistra... ha in alto a sx una img e allineata in basso a dx un'altra img. Per la parte che si "allunga" servirebbe del bordeaux!
Ho fatto delle prova ma mi davano dei problemi... quale sarebbe il metodo giusto? (Contando che vorrei mettere anche un footer)

**Sonikag** · 04-06-2007, 10:16

up

**Mich_** · 04-06-2007, 10:27

Un problema alla volta, iniziando dai blocchi piu` esterni.

Intanto la centratura del #container non ha senso fatta in quel modo: ti manca di definire la larghezza ad html e body.

Poi devi dire che DTD usi: alcuni browser (IE in primis) rispondono in modo diverso a seconda della DTD.

**Sonikag** · 04-06-2007, 12:17

Sto usando xhtml 1.0 direi strict ma devo controllare non ho il codice sottomano :P

Sulla larghezza tutto funzionava e non avevo preso in considerazione che ci fossero errori... metterò width al 100% per html e body.

Intanto grazie

(Eventualmente sapete linkarmi un esempio di un modello simile che me lo studio, quelli che ho trovato nessuno aveva altezza al 100%)

Discussione: Layout con altezza 100%

Strumenti discussione

Ricerca discussione

Visualizza

Layout con altezza 100%

Permessi di invio