codice:
<style>
#container-slider
{
width: auto;
background-color: yellow;
padding: 20px;
height: auto;
margin-top: 500px;
position: relative;
}
.slider
{
width: auto;
margin: auto;
background-color: lightgrey;
height: auto;
position: absolute
}
#inner-slider
{
padding: 20px;
background-color: olive;
height: auto;
width: auto;
}
</style>
codice:
<html><body>
<div id="container-slider">
<div id="inner-slider">
<div class="slider">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non dignissim nibh. Morbi ac eleifend ante. Aenean placerat, augue at adipiscing tristique, libero tortor pretium tellus, non iaculis turpis massa ut justo. Maecenas semper eleifend aliquet. Proin sit amet felis ac sem consectetur elementum. Ut dictum ante eget lacus lobortis ut laoreet eros suscipit. Morbi pellentesque nisi quis nisl vulputate porta. Aenean iaculis velit ac orci hendrerit eleifend.</p>
</div>
</div></div>
</body></html>
codice:
<script>
$( document ).ready(function() {
$( "#inner-slider" ).each(function() {
var newHeight = 0, $this = $( this );
$.each( $this.children(), function() {
newHeight += $( this ).height();
});
$this.height( newHeight );
});
});
</script>
Dovrebbe andare, ma non so di preciso come lo vuoi impostare.
Rispondi quotando
