Дължина с фиксирана ширина и разгъваем плаващ един до друг? - css

Възможно ли е да има фиксирана ширина div плува заедно с променлива ширина div?

Бих искал да има 80px изображение седи заедно с DIV, която се простира до 100% от remining ширина използвайки динамично съдържание - HTML ще бъде повтаряща се версия на по-долу

например -

    <div class="mediaImg">
<img src="/images/#"/>
</div>
<div class="textArea">
blah blah blah
</div>

Благодаря Paul

Отговори:

трябва да пишете подобно

#divleft
{
background-color:red;
width:80px;
height:80px;
float:left;
}

#divright
{
background-color:blue;
overflow:hidden;
height:80px;
}

В този пример вие давате padding & margin да се #divright, няма ефект в структурата на оформлението.

виж това http://jsfiddle.net/sandeep/u2sQD/1/

Трябва само да приложите float и ширина на фиксирания раздел:

div.fixed{
float: left;
width: 70px;
padding: 0 5px;
}

Жив пример: http://jsfiddle.net/nvgBm/

Да. Бих ги поставил в контейнер тип div с позиция: абсолютна, тогава двете div 's, които имат относително позициониране с поплавък наляво.

<div class="container" width="100%">
<div class="imgDiv">
<img src="/images/..."></img>
</div>
<div class="content">

...content goes here

</div>
</div>

Тогава css ...

    .container{
position:absolute
width:100%
height:100%

}
.imgDiv{

position:relative
float:left
width:80px
}
.content{
position:relative
float:left

}