Как правильно сверстать две колонки, одна из которых фиксированной ширины, находящиеся в контейнере динамической ширины?
539
01.02, в 19:01
Подскажите как сверстать правильно такой макет:
39686193_2_1116930.gif
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>
Ответы (4)
Сортировать по:
  • Решение
    Не вижу комментария человека, который помог (zzloy) - вот его решение jsfiddle.net/fWzL3

    Вкратце решение таково:
    у left-block надо убрать float:left и дать ему margin-right:25px
    у right-block добавить top:0
  • <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>

    :)
  • В верстке не ас. Чем могу, как говорится: jsfiddle.net/Fe9Yd/2
  • Так надо? jsfiddle.net/iiil/wtjc6/1
Написать ответ

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы