Div Contenitore Non Si Adatta Al Contenuto

**flash20** · 18-01-2010, 17:48

Ciao a tutti ho un div content con all'interno due colonne, il problema che il container non si adatta all'altezza delle colonne. Questo è il codice in sintesi:

codice:

#content{
	position:relative;
	width: 1024px;
	text-align: left;
	background-color: #DED7C5;
#colonnasx{
	width: 311px;
	float: left;
}
#colonnadx{
	width: 713px;
	float: right;
}

codice:

  <div id="content">

        <div id="colonnasx"></div>
        <div id="colonnadx"></div>

  </div>

Come posso fare??

Grazie

**miki003** · 18-01-2010, 19:39

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title><style type="text/css">
#content{
	position:relative;
	width: 1024px;
	text-align: left;
	background-color: #DED7C5;
	clear: both;
}
#colonnasx {
	width: 311px;
	float: left;
}
#colonnadx{
	width: 713px;
	float: left;
}
#clear {
	clear: both;
}
</style>
</head>

<body>

<div id="content">

        <div id="colonnasx">testo
testo
testo
testo
testo
testo
testo
testo
testo
testo
testo
testo
testo
testo
</div>
  <div id="colonnadx">testo
testo
testo
testo
testo
testo
testo
testo
testo
testo
testo
testo
testo
testo
</div>
  <div id="clear"></div>
  </div>


</body>
</html>

**flash20** · 18-01-2010, 19:55

Non funziona

per precisione il tutto è racchiuso in un container con queste caratterstiche:

codice:

#container{
	width: 1024px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

e quindi il codice sarebbe (adesso conle tue modifiche):

codice:

<div id="container">

   <div id="header"></div>

   <div id="content">
        <div id="colonnasx"></div>
        <div id="colonnadx"></div>
        <div id="clear"></div>
   </div>

  <div id="footer"></div>

</div>

**miki003** · 18-01-2010, 23:00

E ti credo che non funziona

Il container e il footer prima non l'avevi messo!

Quando posti un codice o posti tutto o dai un link perchè così fai solo lavorare per nulla.

Vedi come ti ho postato io il codice dal DTD alla chiusura dell'html in questo modo eviti anche che uno deva copiare a pezzettini a pezzettini e non tralasci delle cose utili

**flash20** · 19-01-2010, 12:15

Hai ragione ora funziona, scusa se non ho postato tutto subito, ma pensavo non centrasse nulla in container e invece era proprio quello. Lo terrò presente per i post futuri.

Grazie mille

Discussione: Div Contenitore Non Si Adatta Al Contenuto

Strumenti discussione

Ricerca discussione

Visualizza

Div Contenitore Non Si Adatta Al Contenuto

Permessi di invio