Размеры

[VoRoN]

<div class="block">
<div class="content">
<div id="pageContainer">
<div id="slideshow">
<div id="slidesContainer">
<div class="slide">slide может быть хоть сколько. Содержимое разное</div>
<div class="slide">slide может быть хоть сколько. Содержимое разное</div>
<div class="slide">slide может быть хоть сколько. Содержимое разное</div>
</div>
</div>
</div>
</div>
</div>

Как сделать высоту slide в зависимости от содержимого?


.block {
width: 500px;
height: auto;
background: #333C4B;
margin: 100px auto;
border-top: 5px solid #80D341;
text-align: center;
}


.content {
padding: 50px;
}

#slideshow {
position:relative;
height:auto;
}

#slideshow #slidesContainer {
position:relative;
}

 

[breakt]

<div class="block">
<div class="content">
<div id="pageContainer">
<div id="slideshow">
<div id="slidesContainer">
<div class="slide">slide может быть хоть сколько. Содержимое разное</div>
<div class="slide">slide может быть хоть сколько. Содержимое разное</div>
<div class="slide">slide может быть хоть сколько. Содержимое разное</div>
</div>
</div>
</div>
</div>
</div>

Как сделать высоту slide в зависимости от содержимого?


.block {
width: 500px;
height: auto;
background: #333C4B;
margin: 100px auto;
border-top: 5px solid #80D341;
text-align: center;
}


.content {
padding: 50px;
}

#slideshow {
position:relative;
height:auto;
}

#slideshow #slidesContainer {
position:relative;
}

Не совсем понятно что вы хотите, покажите вариант в котором проблемы.

 

[winbloger]

указываешь только ширину, а высоту он автоматом будет пропорционально подбирать. если я правильно понял.
height: auto; - по сути это лишнее
а так-же можешь задать максимальную желаемую высоту тегом max-height