Pagina 1 di 2

Div contenitore non prende height: auto;

Inviato: 24/11/2015, 3:43
da frank
Come si vede, ho 3 div, rosso, blu e bianco che è il container. Tutti e 3 hanno height: auto; in questo modo dovrebbe contenere automaticamente immagine e testo che sono inclusi in footerArticoli.php
questo: <span class="ingredienti1"><img style="width: 100px; height: 50px;" src="immagini/bellezza.jpg" alt="Bellezza" title=""><br><a class="linksX" href="bellezza.php" target="_blank">Come ripristinare e mantenere la bellezza del proprio corpo</a></span>

Codice: Seleziona tutto

...
<?php include("footerArticoli.php"); ?> 
</div><!-- paroleCent -->
</div><!-- cent -->
</div> <!-- container -->
</body>
</html> 
Schermata 2015-11-24 alle 03.28.12.png

Re: Div contenitore non prende height: auto;

Inviato: 24/11/2015, 12:40
da Sir Xiradorn
Le immagini se non ricordo male sono inline-block. Devi avere il display block per renderle con la dimensione automatica. Inoltre inserendole in uno span anche quello deve essere un blocco

Re: Div contenitore non prende height: auto;

Inviato: 24/11/2015, 14:12
da frank
Ho risolto con un div height:

Codice: Seleziona tutto

<div style=" width: auto; height: 350px;">
<span class="ingredienti1"><a class="linksX" href="bellezza.php"><img style="width: 100px; height: 80px;" src="immagini/bellezza.jpg" alt="bellezza" title="">Come ripristinare e mantenere la bellezza del proprio corpo</a></span>
</div>

Re: Div contenitore non prende height: auto;

Inviato: 24/11/2015, 15:47
da Sir Xiradorn
Si ok ma cosi non hai altezza in auto

Re: Div contenitore non prende height: auto;

Inviato: 24/11/2015, 15:53
da frank
Non avevo scelta, nell'altro modo non lo fare :frustrante:

Re: Div contenitore non prende height: auto;

Inviato: 24/11/2015, 22:01
da Sir Xiradorn
Beh sperimenta. Ti ho detto che gli elementi devono essere blocchi quindi devono avere display block

Re: Div contenitore non prende height: auto;

Inviato: 25/11/2015, 2:40
da frank
Se metto così col display:block; il container bianco si adegua in altezza ma le immagini sono in verticale

Codice: Seleziona tutto

.articolo1, 
.articolo2  {
    display:block;
    width: 80px;
    height: 200px;
    color:#004080;
    text-align: left; 
    margin-left: 18px;
    border: 1px solid #efefef; 
}

img.rasize { 
	width: 80px; 
	height: 80px;
}
2.png
Se invece metto così float:left; e tolgo display:block; il container bianco non si adegua in altezza e le immagini sono in orizzontale
1.png

Codice: Seleziona tutto

<span class="articolo1"><a class="linksX" href="bellezza.php"><img class="rasize" src="immagini/imgSmall/bellezzaX.jpg" alt="bellezza" title="">Come ripristinare e mantenere la bellezza del proprio corpo</a></span>

<span class="articolo2"><a class="linksX" href="cibi-vivi.php"><img class="rasize" src="immagini/imgSmall/cibi-viviX.jpg" alt="cibi-vivi" title="">Le vibrazioni dei cibi VIVI ed il loro effetti benefici</a></span>

Re: Div contenitore non prende height: auto;

Inviato: 25/11/2015, 12:08
da Sir Xiradorn
E se metti tutti e due :lol: ?

Re: Div contenitore non prende height: auto;

Inviato: 25/11/2015, 13:57
da frank
Se metto cosi prende solo il float e appare come il secondo allegato

Codice: Seleziona tutto

.articolo1, 
.articolo2  {
    float:left;
    display:block;
    width: 80px;
    height: 200px;
    color:#004080;
    text-align: left; 
    margin-left: 18px;
    border: 1px solid #efefef; 
}

img.rasize { 
   width: 80px; 
   height: 80px;
}

Re: Div contenitore non prende height: auto;

Inviato: 25/11/2015, 18:42
da Sir Xiradorn
Carica il tutto su jsfiddle così vediamo