Moi.
Mulla on kuva + tekstiä, joiden toivoisin pysyvän divin sisällä. Miksi näin ei aina käykkään, vaan kuva menee reunojen yli?
esim:
<div id="content">
<div class="contentbox">
<p><img src="kuva.jpg" alt="Kuva"/>
Tässä on paljon teksti ja kuva joka menee reunojen yli
</p>
</div>
</div>CSS: on seuraavanlainen:
.contentbox {
width: 650px;
border: 1px solid #d3d3d3;
background-image: url(tausta.gif);
background-position: bottom center;
background-repeat: no-repeat;
background-color: #FFFEFA;
margin: 0px -10px 10px -10px;
padding: 10px 10px 20px 10px;
}
#content {
width: 450px;
margin: 4px 0px 0px 0px;
padding: 0px 10px 0px 10px;
}
p {
font-size: 14px;
line-height: 14px;
font-family: Cochin, Georgia, "New Century Schoolbook", "Bitstream Vera Serif", "Times New Roman", times, serif;
text-align: left;
margin: 0px;
padding: 0px;
}#content on määritelty pienemmäks kun sen sisällä oleva divi
Tietenkään kuva ei pysy divin sisällä jos se on leveämpi kuin div...
Kuinka haluaisit sen käyttäytyvän? Vierityspalkki diviin jos kuva on liian iso?
Aihe on jo aika vanha, joten et voi enää vastata siihen.