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

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

?
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