#box auto ridimensionabile in verticale

**DanSky** · 04-03-2006, 12:04

Ho una barra top, due colonne laterali, e una parte centrale per i contenuti. Tutto questo è dentro un #contenitore con un bordo giallo. Come faccio ad adeguare l'altezza del contenitore a le altezze delle colonne interne ???

Nonostante il contenitore sia un elemento parent degli altri, e abbia un height=100%, non ne vuole sapere di adeguarsi alla lunghezza degli altri.

AIUTO !
La pagina è questa (link)

codice:

body {
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333; height:100%;
}
#contenitore {
border:3px;
border-style:solid;
border-color:#FFCC00;
margin: auto;
position:relative;
width:80%;
height:100%;
z-index:1 }

#topbar {
margin:0px;
padding:0px;
height:150px;
background-color:#CCCCCC;
}

#leftbar {
position:absolute;
margin:0px;
padding:0px;
left:0px;
top:150px;
width:150px;
height:300px;
background-color:#CCCCCC;
}
#rightbar {
position:absolute;
margin:0px;
padding:0px;
right:0px;
top:150px;
width:150px;
height:460px;
background-color: #CCCCCC;
}
-->

<body>
<div id="contenitore" >
<div id="topbar" ></div>
<div id="leftbar"></div>
<div id="rightbar"></div>
</div>
</body>

**Mich_** · 06-03-2006, 10:57

Bello il titolo!! se non riesco a far stare due auto in orizzontale nel mio box (garage) le devo mettere una sopra l'altra ....

A parte gli scherzi.
Ecco le modifiche che puoi fare al CSS: conviene togliere i posizionamenti, e lavorare con i float:

codice:

#topbar {
  margin:0px;
  padding:0px;
  height:150px;
  width: 100%;
  background-color:#CCCCCC;
}

#leftbar {
  margin:0px;
  padding:0px;
  width:150px;
  height:100%;
  background-color:#CCCCCC;
  float: left;
}
#rightbar {
  margin:0px;
  padding:0px;
  width:150px;
  height:100%;
  background-color: #CCCCCC;
  float: right;
}

Discussione: #box auto ridimensionabile in verticale

Strumenti discussione

Ricerca discussione

Visualizza

#box auto ridimensionabile in verticale

Permessi di invio