Как правильно сверстать две колонки, одна из которых фиксированной ширины, находящиеся в контейнере динамической ширины?

Question

[LIAL]

Подскажите как сверстать правильно такой макет:

x=25px;
Как сделать чтобы текст был прижат к правому краю ? left-block у меня занимает ширину, ровно по своему содержимому и я никак не могу его растянуть на всю ширину за минусом 25px (ширина правого блока). Установка ему ширины 100% проблему не решает, тк оно принимает значение ширина родителя + все отступы.
Вот структура блока:

<div id="wrapper" style="position:relative; width:100%;">
<div id="leftb-lock" style="float:left;">
<div id="photo"></div>
<div id="text"></div>
</div>
<div id="right-block" style="float:right; position:absolute; right:0; width:25px;"></div>
</div>

Answer 1

[LIAL]

Не вижу комментария человека, который помог (zzloy) - вот его решение jsfiddle.net/fWzL3

Вкратце решение таково:
у left-block надо убрать float:left и дать ему margin-right:25px
у right-block добавить top:0

Comments

[Юрий Лобанов]

Чем Вас остальные ответы не устроили?

[Константин Довнар]

@iiil видимо тем, что zzloy ответил раньше, так что решение в первую очередь принадлежит ему. :)

[Юрий Лобанов]

@SolidlSnake, ну это справедливо )

Answer 2

[Амаль Алтыбаев]

<div id="wrapper" style="position:relative; width:100%;padding-right:25px;">
<div id="leftb-lock" style="float:left;">
<div id="photo"></div>
<div id="text"></div>
</div>
<div id="right-block" style="float:right; position:absolute; right:0; width:25px;"></div>
</div>

:)

Comments

[LIAL]

И смысл вашего ответа какой ?

Answer 3

[Danny Chernyavsky]

В верстке не ас. Чем могу, как говорится: jsfiddle.net/Fe9Yd/2

Answer 4

[Юрий Лобанов]

Так надо? jsfiddle.net/iiil/wtjc6/1