Div adattabile al contenuto

**breathless84** · 17-12-2009, 22:42

Come dice il titolo mi servirebbe un div che si adatti al contenuto, so che mi basterebbe non impostare l'attribuito height ma in questo modo il div avrebbe altezza pari a 0px se non c'è contenuto.
Io vorrei invece che il div partisse da un'altezza pari all'intera pagina (height: 100%) e che poi si allungasse automaticamente se il contenuto va oltre.
E' possibile?

Grazie

**ricman** · 18-12-2009, 12:22

CSS -> min-height:100% ?

**miki003** · 18-12-2009, 15:41

Originariamente inviato da ricman
CSS -> min-height:100% ?

Se il div è vuoto non funziona!

**alexba64** · 18-12-2009, 15:55

A parte che fosse solo quello il problema uno puo inserire

& nbsp;</p> all'interno del div vuoto ma il min-height non da problemi su IE 6 ?

**breathless84** · 18-12-2009, 16:00

Avevo già provato con min-height ma non funziona, né in firefox né in internet explorer.
La soluzione che più si avvicina a quello che cerco è inserire overflow: auto; ma in questo modo compare la barra di scorrimento quando il contenuto super la pagina.

**alexba64** · 18-12-2009, 16:18

oltre a min-height aggiungi:

codice:

height: auto !important;
height:100%;

**breathless84** · 18-12-2009, 16:27

Purtoppo non funziona, pensavo di sì visto che cercando su google ho notato che è uno dei metodi più consigliati.
Il testo va oltre il div ma il div non si espande, lo vedo dal colore di sfondo che rimane fisso.

**alexba64** · 18-12-2009, 16:28

sa, facci vedere sto codice

**breathless84** · 18-12-2009, 16:36

Ok, questo è il css:

codice:

#container {
  background-color: #ffffff;
  position: absolute;
  left: 50%;
  margin-left: -512px;
  width: 1024px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

#contents {
  position: absolute;
  top: 220px;
  left: 12px;
  width: 680px;
}

Nella pagina principale invece ho:

codice:

...
<body>
  <div id="#container">
    ...
    <div id="#contents">
    </div>

  </div>
</body>

Tramite il dom di javascript vengono appesi dinamicamente altri div al div contents.

**Marcolino's** · 21-12-2009, 01:19

E' normale che il testo vada dove vuole, li hai messi con posizionamento assoluto quindi sono usciti dalla clipsview e ognuno se ne va per la propria strada.

Discussione: Div adattabile al contenuto

Strumenti discussione

Ricerca discussione

Visualizza

Div adattabile al contenuto

Permessi di invio