Как сделать полную ширину блока в контейнере?

Question

[maksam07]

Доброго дня. У меня такая вот проблема: сделал себе .FFrame ограниченных размеров (со скролами) и запихнул в него .field , в который запихнул таблицу, а таблица примерно в полтора раза больше .FFrame. Скролы работают хорошо, всю таблицу отображают, .field по высоте становится полностью, а по ширине = .FFrame. На скриншоте я прокрутил таблицу в нижний правый угол, и там видно, что .field по высоте доходит до самого низа, а по ширине нет.

Что можно предпринять?

Comments

[Janny]

margin? float?

[maksam07]

Janny:
.FFrame {
margin: 0 auto;
width: 800px;
height: 800px;
overflow: scroll;
}
Или о чем Вы?

[Ankhena]

Максим Компаниец: Давайте определимся какого эффекта нужно достичь? Зачем нужен этот промежуточный div. И тогда уже придумаем, как решить конкретную задачу.

[maksam07]

Ankhena W: хочу сделать фон размером 100%, это будет маленькая текстурка, которая будет заполняться по всему блоку:
background-image: url( "..." );
background-repeat: repeat;
Затем этому же блоку сделаю padding ( или margin для таблицы ), что бы таблица не было сильно прижата к краям.
Могу пример залить на jsbin, если нужно, я объясняться не сильно умею)

[Ankhena]

Максим Компаниец: такой https://jsfiddle.net/qpt0pf41/ вариант не устроит?
Можно еще с прозрачностью границы таблицы развлечься.

[maksam07]

Ankhena W: интересный вариант у Вас вышел. Я днем проверю и обязательно отпишусь. По коду смотрю - вышло идеально у Вас.

[maksam07]

Ankhena W: да, все работает отлично. Только 1 вопрос, а почему border, а не padding? Ну это так, себе на заметку.
И как тут Ваш ответ отметить решенным? Добавьте "ответ" и я его отмечу

[Ankhena]

Максим Компаниец: Можно и паддинг, бордеру можно задать прозрачность, например, 0.2 для более интересных дизайнерских решений.

[maksam07]

Ankhena W: спасибо, понял

Answer 1

[Ankhena]

https://jsfiddle.net/qpt0pf41/ и лишний div убрать.

Comments

[maksam07]

да, я уже все переписал и убрал не нужный блок)

Answer 2

[Ilya Bobkov]

Судя по вопросу css: width: 100%

Comments

[maksam07]

неа. Там же на скриншоте справа снизу отобраюатся стили для этого элемента. На всякий случай без "min" провелил и тоже не работает