Bestseller
01-05-2013, 15:03
Buongiorno,
sono un principiante alle prese con la realizzazione di un sito con XHTML 1.0 Strict e CSS 2.1. Il problema che mi sta facendo dannare riguarda i box model. Allego subito uno screenshot per essere subito più chiaro:
http://i44.tinypic.com/fwn1bp.jpg
Il problema è che l'area con id "corpo", che nella figura è quella grigia, ha altezza 0 e invece dovrebbe adeguarsi al suo contenuto: l'immagine e il testo. In parole povere vorrei che l'immagine e il testo avessero sfondo grigio ossia fossero effettivamente contenute in "corpo" senza sforare.
Il codice html è questo:
<body>
<!-- eccetera -->
<div id="corpo">
<img id="immagine_home" src="immagini/immagine_homepage.jpg" alt="" style="max-width:40%;max-height:30%;">
<p class="descrizione_home">Lorem ipsum...</p>
<p class="descrizione_home">Lorem ipsum ...</p>
</div>
<!-- eccetera -->
</body>
E il foglio di stile è questo:
#corpo {
background: #D4D4D4;
padding: 1.5em;
}
#immagine_home {
margin-right: 1.5em;
float: left;
}
.descrizione_home{
width: 55%;
float: right;
}
Spero di essere stato chiaro.
Vi ringrazio.
sono un principiante alle prese con la realizzazione di un sito con XHTML 1.0 Strict e CSS 2.1. Il problema che mi sta facendo dannare riguarda i box model. Allego subito uno screenshot per essere subito più chiaro:
http://i44.tinypic.com/fwn1bp.jpg
Il problema è che l'area con id "corpo", che nella figura è quella grigia, ha altezza 0 e invece dovrebbe adeguarsi al suo contenuto: l'immagine e il testo. In parole povere vorrei che l'immagine e il testo avessero sfondo grigio ossia fossero effettivamente contenute in "corpo" senza sforare.
Il codice html è questo:
<body>
<!-- eccetera -->
<div id="corpo">
<img id="immagine_home" src="immagini/immagine_homepage.jpg" alt="" style="max-width:40%;max-height:30%;">
<p class="descrizione_home">Lorem ipsum...</p>
<p class="descrizione_home">Lorem ipsum ...</p>
</div>
<!-- eccetera -->
</body>
E il foglio di stile è questo:
#corpo {
background: #D4D4D4;
padding: 1.5em;
}
#immagine_home {
margin-right: 1.5em;
float: left;
}
.descrizione_home{
width: 55%;
float: right;
}
Spero di essere stato chiaro.
Vi ringrazio.