Растянуть блок, по ширине контента

A
На сайте с 12.09.2011
Offline
149
498

Помогите растянуть Левый блок, по ширине контента

Сайт

.container {
background:#fff url(../images/container.png) no-repeat top;
margin:10px auto 0;
padding:10px 0 0 8px;
width:997px;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
box-shadow:0 2px 3px rgba(0,0,0,0.12);
-moz-box-shadow:0 2px 3px rgba(0,0,0,0.12);
-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.12);
}

Левый блок - Нужно чтобы он растягивался по ширине контента, иногда он превышает 800 рх и обрезается...(

section {
width:800px;
float:left;
}

Правый блок

.ablock {
width:177px;
}

Если поменять width:800px; на width:100% то он будет всегда растянут на весь сайт.. и вытеснять на вверх Правый блок, мне нужно что бы он растягивался лишь в тех случаях когда Контент превышает 800 рх и при этом Правый блок смещался с ним пропорционально, а в остальных случаях всегда был шириной width:800px;

Ищу работу помощником Вебмастера, долгое время занимался сайтами. https://t.me/fania008
A
На сайте с 17.08.2015
Offline
0
#1

Не совсем понимаю, что Вы хотите реализовать. Попробуйте поставить на левый блок параметр max-width, указав максимально допустимую ширину, в то время как width: 100%.

Также можно реализовать display: table для родительского элемента, а левому, правому блокам и контейнеру установить display: table-cell.

Уточните задачу, а лучше залейте пример html и css на сервис наподобие jsfiddle.

---------- Добавлено 17.08.2015 в 14:18 ----------

Да, и установите min-width: 800px;

Max_1
На сайте с 02.08.2012
Offline
45
#2

Нечто подобное обсуждалось. Решение предложил johndoe2.

Наполнение сайта (http://tino.ru/itm/1389070) / Управление ключевыми словами (http://tino.ru/itm/1733431) / Биржа труда (http://kwork.ru/?ref=9975)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий