problemi con colonne.....

**cerba** · 19-03-2004, 15:19

Colleghi...sto visitando siti a iosa, e ho studiato i codici ma non ne vengo fuori....
il problema è sempre quello, di generare un layout con colonne (3) con diversità di colore di sfondo.....purtroppo l'unico modo è quello di limitare la fantasia nei colori....giocare col bianco di default.
In caso contrario di vedere quel fastidiosissimo "finale" di colonna con bg diverso...ma possibile che con tutte le diavolerie fatte dal css non ci sia un modo per colorare interamente una colonna dall'alto al basso anche senza testo presente?
chi mi una mano?
thanks

**kaze** · 19-03-2004, 15:33

Xkè così non funziona:

body{
margin:0px;
padding:0px;
height:98%;
color:#FFFF00;
background-color:#808080;
}
#colonna{
left:0px;
width:50%;
height:100%;
background-color:#00FF33;
}

<div ID=colonna></div>

**kaze** · 19-03-2004, 15:37

Si hai ragiona NON FUNZIA con Mozzila lascia una striscia in basso !!!!!

**kaze** · 19-03-2004, 15:38

OK sono fuso... non mi ero accorto che il body aveva height:98%;

anzichè height:100%;

ORA FUNZIA :mavieni:

**cerba** · 19-03-2004, 16:07

ma tu hai fatto 1 sola colonna..il prob nasce quando ne fai 3 come il + classico dei portali...e quell heigh:100% è riferito al padre, cioè body, e non si applica in base al testo k metti...

**kaze** · 19-03-2004, 17:34

Ho provato con qst codice:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML LANG="IT">
<HEAD>
  <TITLE> </TITLE>
  	<style>
	BODY{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	}
	#scatola{
	width:100%;
	height:100%;
	padding:0px;	
	background-color:#990000;
	text-align:center;
	margin:auto;
	}
	#spalla_sx{
	width:20%;
	height:100%;
	padding:0px;
	float:left;
	background-color:#FF9900;
	}
	#spalla_dx{
	width:20%;
	height:100%;
	padding:0px;
	float:right;
	background-color:#FF9900;
	}
	#corpo_ctr{
	width:100%;
	height:100%;
	padding:0px;
	background-color:#996600;
	}
	</style>
	  
</HEAD>
<BODY>
<div id="scatola">
  <div id="spalla_sx">TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO</div>
  <div id="spalla_dx">TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO</div>
  <div id="corpo_ctr"></div>
</div>
</BODY>
</HTML>

e le 3 colonne mi si colorano dalla testa ai piedi con o senza testo....l'unica stranezza e che con IE6 mi rimane uno spacing tra le colonne (se lo provi e colorato di rosso scuro)...sicuramente mi sono perso qualcosa per la strada.... :bubu:

**cerba** · 19-03-2004, 20:23

io mi rendo conto che fare delle colonne alte il 100% di body non sia un problema.
Il problema è quando le vuoi fare alte adattate al testo....e quindi liquide in altezza...

p.s. perchè usa una dtd obsoleta?

**Jerry Masslo** · 20-03-2004, 13:58

è un problema dibattuto più volte e non c'è una vera soluzione si ovvia così:

accontentarsi di soli due colori diversi e assegnare alla coppia di colonne più corta nessun colore in modo che prendano quello di un div contenitore che quindi le colorerà oltre il loro contenuto quanto la colonna lunga.

solo nel caso di larghezza fissa, usare un'immagine di sfondo per un div contenitore che simuli le tre colonne.

però ora mi sta venendo una mezza idea col posizionamento assoluto e sfruttando i bordi faccio una prova e ti dico.

**cerba** · 20-03-2004, 15:44

attendo dottò...

**Jerry Masslo** · 20-03-2004, 20:02

Originariamente inviato da cerba
attendo dottò...

non ho fatto molti controlli ma l'intezione si capisce.

Discussione: problemi con colonne.....

Strumenti discussione

Ricerca discussione

Visualizza

problemi con colonne.....

ok

ok

la

Re: la

Permessi di invio