Расположение блоков на странице

Добрый день, очень нужна помощь знающих в этом деле людей. Есть сайт организации, работает на cms linkor 1.4 , стандартная разметка блоков была следующей https://hkar.ru/Qkze как на левой картинке, а мне нужно сделать как на картинке справа, подскажите пожалуйста как это сделать, я немного помучился с html и css уже честно говоря и не помню что там менял, правый блок который мне нужно появился но снизу, как его поднять наверх не понятно. Сайт писал не я, я не веб разработчик но начальство "просит" (( если нужна какая то еще инфа, напишите я постараюсь ее предоставить.

 

Та безпроблем)
Пользуйся генератором
тебе нужно с 2мя сайдбарами, остальное сам уже подстроиш)

 

Благодарю, но что то не помогло, в моей cms на сколько я понял нету файла index.html, вся разметка раскидана по разным html файлам+что то стили не пременились, такое чувство что что-то еще где то прописана и мешает

 

сайт в студию)))
а то гадать можно долго

 

http://yalsz.ru/index.html - кстати да, в адресной строке index.html есть а на хостинге не могу его найти

 

В css добавь в ид main

Код:

display: inline-block;

и удали

Код:

margin-left: 180px;

У тебя структура другая.
Файл может генерировать твоя цмс-ка))

 

Блин, от всей души спасибо )) я недели 3 мучался с этой ерундой, даже пару мини курсов по html и css глянул а толку , одну строчку удалить, другую написать, вот сразу видно человек разберается, не то что я

--- Добавлено, 10 авг 2017 ---

А если страницу браузера уменьшить блоки и должна так сьезжать? если страница на весь экран растянута то все хорошо,а если чуть по ширине сузить то сначала правые блоки уходят в низ, потом маин, а левые получаются сверху

 

А что ж ты хотел.
у тебя контейнеры фиксированой ширены)
Чеб все умещалось переходи на %))
примерно так

Код:

#left {
    margin-top: 20px;
    width: 20%;
    float: left;
}
#main {
    padding: 20px 15px 0 10px;
    border-left: 1px solid #ddd;
    border-right: 0px solid #ddd;
    width: 57%;
    float: left;
}
#right {
    margin-top: 20px;
    width: 20%;
    float: left;
}

 

Спасибо огромное, посмотрел, уже что то, надо бы еще че нить с блоками(картинками) придумать, чтобы тоже уменьшались, но это я уже сам как нибудь а то мне уже неудобно надо самому какие то курсы проходить, спасибо еще раз.