Хотел сделать колонку справа размером в 302px. Как сделать чтобы вся остальная ширина отдавалась к главному div (.container .main) Чтобы так же работало при сужении окна браузера. А ширина правой колонки оставалась всегда в 302px. CSS: Код (CSS): .container .main { width: 100%; float: left; } .container .right { width: 302px; float: right; } HTML: HTML: <div class="container"> <div class="main"> Text </div> <div class="right"> Text </div> </div>
я бы таблицу сделал и не выносил себе мозг. Всей таблице 100%, правой ячейке 302px, а левая гуляет. JS можно, но ради такой мелочи я бы его не трогал.
Я ещё хотел при определённой ширине, переносить левый столбик вниз под главный див, чтобы была адаптивность. С дивом, я думаю это легче сделать чем с таблицей.
width:100%; для левого блока точно не годится. Берется ширина родительского элемента, а 100% это вся ширина.
Можно конечно использовать width: calc(100% - 302px); это работает, но не во всех браузерах Прошу линк оптимального решения, а именно: Как сделать колонку справа размером в 302px.И сделать чтобы вся остальная ширина отдавалась к главному div (.container .main) и изменялась динамически, а ширина правой колонки оставалась всегда в 302px. P.S. Нужно решение на дивах а не на таблицах, так как я ещё хотел при определённой ширине, переносить левый столбик вниз под главный див, чтобы была адаптивность. С дивом, я думаю это легче сделать чем с таблицей.